このページを見てみましょう: http://rebar.ecn.purdue.edu/LTAPmobile%20-%20Copy/Helpers/News.aspx
どうやって width:100%; ここで動作しませんか?コンテンツはウィンドウの幅に合わせて縮小されません。
前もって感謝します
このページを見てみましょう: http://rebar.ecn.purdue.edu/LTAPmobile%20-%20Copy/Helpers/News.aspx
どうやって width:100%; ここで動作しませんか?コンテンツはウィンドウの幅に合わせて縮小されません。
前もって感謝します
私にとってはうまくいきます....
次に、モバイルデバイス用のコメントを読みました....
残念ながら、携帯電話にロードしようとしたときにドメインがダウンしているか、見つかりませんでしたか?
とにかく、多分このページはあなたを助けることができますか?
http://www.html5rocks.com/en/mobile/mobifying/
META TAGが
<!-- mobile check -->
<meta name = "viewport" content = "width = device-width">
モバイル デバイスで適切に動作するように変更する必要がある場合があります。上記のリンクが正しい方向に導くのに役立つかもしれません。
最初はモバイル デバイスでページがまったく読み込まれなかったので、コードをコピーして変更し、一時ファイルに保存してサーバーにアップロードしましたが、最初はまだ 404 エラーが発生しました。
そのため、上記の META TAG を元のものから以下にリストされているものに変更しました。
<meta name = "viewport" content = "width = device-width, initial-scale=1.0, user-scalable=yes" />
また、../ で始まる他のリソース ファイルへのリンクを完全修飾パス名に変更し、サーバーに再アップロードした後、最終的にモバイル デバイスでページを表示できました (Huawei G300 ASCEND を使用) Opera Mini ブラウザ)
携帯電話を横向きから縦向きに回転させると、テキストが再配置され、正しくフォーマットされ、互いに下にテキスト行が配置されました (リフロー)。Opera Mini と電話に組み込まれているファクトリー ブラウザーで表示しました。ブラウザーのメーカーやブランドはわかりませんが、ファクトリー ブラウザーは html5 をサポートしています。