说个关于站点兼容宽度的CSS技巧

前端相关/H5/Css/Javascript

由于网站用户分辨率的不同 所以为了更好的用户体验 网站的宽度自动变更就显得特别重要了

这里我说个 比较好的方法

CSS样式:

div#wrapper{margin:0 auto;min-width:960px;max-width:1200px;padding:0 20px;width:expression(document.body.clientWidth > 1024? "1200px": "960px" );}

如果你的框架外面的 DIV的 ID 为 wrapper 那么定义以上的CSS样式

就会根据 分辨率自动的变更网站的现实分辨率..   有的网友会问 这个不是使用了滤镜么..会影响网站打开速度

关于这一点 可以明确的告诉大家 几乎没影响..