私は最初のレスポンシブルデザインに取り組んできました。私のiPhoneで見るといくつか問題があります。 iPhoneでページを開くと、少し左に拡大されます。右端のテキストを見逃すだけの大きさです。iPhoneを開いたときにページが拡大されました
ウェブサイトhereがあります。 viewport-metaタグは次のようになります。
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
コンピュータとiPadで正常に表示されます。すべての助けをいただければ幸いです。
はそれを見つけました。 .wrapper要素のwidth:100%;とpadding:0 10px;を@media only screen and (max-width: 600px)の下に置きました。 width:96%とpadding: 0 2%;に変更され、魅力的に機能しました。
ありがとうございました！
は、このビューポートが、それは私のウェブサイト上で素晴らしい作品試してみてください。
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
残念ながら動作しませんでした。おそらく、CSSの何か？ –
あなたはたぶん、ページから突き出ているいくつかのコンテンツを持っています。 –
私のiPhoneからあなたのサイトを見ただけです。それは間違いなくCSSです。幅の固定値はなく、％であることを確認してください。 –
をbodyとhtmlの両方の要素に追加してみてください。あなたのページが異なってロードする場合は、間違いなくCSSの問題です。
それはあなたのために働いていたかもしれませんが、異なるデバイスでどのように見えるかテストしましたか？ Android、Windows phone、小さな画面？内容をズームに合わせると、私は問題を全く解決していないと思います。 –