css宽度为显示器的宽度 |ie8不兼容 css

html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
}
.container {
width: 100%;
max-width: 1920px;
margin: 0 auto;
}

首先，大家需要设置HTML和Body的宽度和高度为100%，以确保页面的容器都会填满整个屏幕。overflow-x: hidden将禁止页面水平滚动条的出现。

接着，大家将.container的宽度设置为100%，同时添加一个max-width属性为1920px。这样在大屏幕设备上，.container的宽度将达到1920px，此时网页将呈现最大宽度，而在小屏幕设备上，.container将自适应宽度。

最后，在.container的样式中添加margin: 0 auto;属性，将元素居中对齐。这样一来，大家就完成了CSS宽度设置为显示器宽度的方法！你可以通过调整max-width属性的数值，来适应不同分辨率的显示器。这种方法将让你的网站在各种设备上展示良好。