たとえば、iPhoneやiPadでレスポンシブWebサイトを「応答」させようとしています...私のcssファイルはここにリンクされています - http://uximag.com/styles.css
すべてのレスポンシブ スタイルは、スタイルシートの下部にあります。デスクトップでは正常に動作しますが、iPhone では動作しませんか?
教えてください、私はいくつかの方法を試しましたが、それを理解できないようです.
たとえば、iPhoneやiPadでレスポンシブWebサイトを「応答」させようとしています...私のcssファイルはここにリンクされています - http://uximag.com/styles.css
すべてのレスポンシブ スタイルは、スタイルシートの下部にあります。デスクトップでは正常に動作しますが、iPhone では動作しませんか?
教えてください、私はいくつかの方法を試しましたが、それを理解できないようです.
JimmyRare のコメントは良いものです。最大幅を小さく (iPhone5 の場合は 640px) に設定すると、iDevices とブラウザが縮小されたときに適用されます。
もう 1 つのオプションは、HTML ドキュメントにコードを設定することです。これは、HTML の記述とスタイリングを組み合わせるという点で理想的ではありませんが、ブラウザーの幅ではなく、画面の解像度の幅をターゲットにできるという追加の利点があります。
<link rel="stylesheet" media="screen and (min-device-width: 640px)" href="640.css" />