ホームページ  >  記事  >  ウェブフロントエンド  >  モバイルページの幅値のサンプルコードを共有する

モバイルページの幅値のサンプルコードを共有する

零下一度
零下一度オリジナル
2017-06-29 11:13:172035ブラウズ

mobile webページ幅の値(メタビューポートタグなし):

iphone:980px

galaxy(galaxy):980px

nexus:980px

blackberry(blackberry):980px

lg:980px

nokia:980px

kindle: 1600px

ipad: 980px

iPad pro: 1024px

テストコード:

 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プロ用。

以上がモバイルページの幅値のサンプルコードを共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。