首先手机的分辨率，和实际网页宽度是不一样的。不信你可以写个jsd出当时的屏幕宽度。
然后，你在head里加<meta name="viewport" content="width=device-width,minimum-scale=10,maximum-scale=10,user-scalable=no">试试。
如果成功，希望你搜一下<meta name="viewport">这个的作用，可以帮助你以后更好的写手机页面。
下边是JS获得屏幕大小的方法，调用不同的CSS是给某个对象，设置不同CSS样式吗？
你最好说明你想要的效果。
<html><script>
function a(){
documentwrite(
"屏幕分辨率为："+screenwidth+""+screenheight
+"<br />"+
"屏幕可用大小："+screenavailWidth+""+screenavailHeight
+"<br />"+
"网页可见区域宽："+documentbodyclientWidth
+"<br />"+
"网页可见区域高："+documentbodyclientHeight
+"<br />"+
"网页可见区域宽(包括边线的宽)："+documentbodyoffsetWidth
+"<br />"+
"网页可见区域高(包括边线的宽)："+documentbodyoffsetHeight
+"<br />"+
"网页正文全文宽："+documentbodyscrollWidth
+"<br />"+
"网页正文全文高："+documentbodyscrollHeight
+"<br />"+
"网页被卷去的高："+documentbodyscrollTop
+"<br />"+
"网页被卷去的左："+documentbodyscrollLeft
+"<br />"+
"网页正文部分上："+windowscreenTop
+"<br />"+
"网页正文部分左："+windowscreenLeft
+"<br />"+
"屏幕分辨率的高："+windowscreenheight
+"<br />"+
"屏幕分辨率的宽："+windowscreenwidth
+"<br />"+
"屏幕可用工作区高度："+windowscreenavailHeight
+"<br />"+
"屏幕可用工作区宽度："+windowscreenavailWidth
);
}
</script>
<body onload="a()" >
</body>
</html>
以上就是关于手机屏幕自适应 不同屏幕宽度加载不同的css全部的内容，包括:手机屏幕自适应 不同屏幕宽度加载不同的css、关于JS获取（判断）不同屏幕大小，并根据屏幕的大小，调用不同的CSS，求大神给我一个例子，我看下。、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）