css 取浏览器宽度

CSS中要取得浏览器宽度，使用的是一个叫作“视口宽度”的概念。视口（viewport）是指浏览器显示网页的区域，视口宽度（viewport width）就是这个区域的宽度。

/*CSS代码*/body {
      width: 100%;
     /*设置body的宽度为100%，占满整个视口*/  margin: 0;
     /*去掉默认的外边距*/  padding: 0;
 /*去掉默认的内边距*/}

上面的代码设置了body元素的宽度为100%，这意味着它会自适应视口的宽度。同样地，也可以对其他元素进行类似的设置，例如div元素：

/*CSS代码*/div {
      width: 80%;
     /*设置div的宽度为视口宽度的80%*/  margin: 0 auto;
 /*水平居中*/}
    

这段代码设置了一个div元素的宽度为视口宽度的80%，并让它水平居中。

需要注意的是，视口宽度和浏览器窗口宽度（browser window width）是不一样的。如果浏览器窗口很宽，而网页的内容区域很窄，“视口宽度”仍然只是内容区域的宽度。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！