分享移动端网页宽度值实例代码


本文摘自PHP中文网,作者零下一度,侵删。

移动端网页宽度值(未加meta viewport标签):

iphone:980px

Galaxy(盖乐世):980px

Nexus:980px

blackberry(黑莓):980px

LG:980px

Nokia:980px

kindle:1600px

ipad:980px

iPad pro:1024px

测试代码:

1

2

3

4

5

1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4    

<meta charset="UTF-8" />     5     <meta http-equiv="X-UA-Compatible" content="ie=edge" /> 6    

<title>移动端网页宽度值(未加meta viewport标签)</title> 7 </head> 8 <body> 9    

<script type="text/javascript">10         alert(document.body.scrollWidth);11    

</script>12 </body>13 </html>

总结:

基本都是980px,除了ipad pro特殊。

以上就是分享移动端网页宽度值实例代码的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

ie中javascript错误有哪些

让ie支持html5的方法

image与view标签上下有空隙的解决方法

html中head标签是什么意思?一篇文章教你正确地使用head标签

ie对css3的支持吗

ie网页弹出窗口的参数都有哪些

html中的<Meta>标签的使用详解

怎样操作Meta标签中的viewport来控制设备屏幕的css属性

jquery.cookie.js插件实现换肤功能

怎样实现Meta标签中的viewport来控制设备屏幕的css属性

更多相关阅读请进入《Meta》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...