css宽度整个屏幕怎么写

固定宽度的页面，在不同屏幕分辨率下容易出现页面显示不全的情况，而且在手机端显示时，需要通过手动缩放来观看页面。因此，使页面宽度整个屏幕显示是非常必要的。 在CSS中，可以通过设置body元素的宽度为100%来实现将页面宽度设置为整个屏幕的宽度。

body {
  width: 100%;
}

当这个样式规则被应用到整个页面中时，整个页面将被填充满整个屏幕的宽度。但是，这里需要注意的是，当我们设置宽度为100%时，如果页面中包含了任何其他元素，这些元素将被继承这个样式规则。 为了避免这个问题，我们可以使用一个容器元素来包裹页面内容，并将其设置为100%的宽度，以避免元素继承该宽度。

.container {
  width: 100%;
}

通过上面的代码，可以将整个页面的宽度设置为100%，同时避免其他元素继承它们的大小。 总之，在设计页面时，使其宽度整个屏幕显示是非常必要的。可以通过设置body元素的宽度为100%来实现，但同样需要注意继承该属性的元素情况。因此，我们最好使用一个容器元素来包裹页面内容，并将其设置为100%宽度的方式。