0

この時点で共有するリンクはありませんが、誰かが私と同じ問題に遭遇したかどうか疑問に思っていました.

私はレスポンシブ Web サイトを作成しました。クライアントは、サイトが幅 1080 ピクセルから幅 960 ピクセルまでレスポンシブであることを要求しました。これは簡単に構築でき、デスクトップで動作しますが、縦向きの iPad ではウェブサイトが切り落とされ、横向きになります。しかし、その完璧です。

レンダリングで使用されている初期幅と関係があると考えています..

私はもう試した:

<meta name = "viewport" content = "width=device-width; initial-scale = 1; maximum-scale=1; user-scalable = no;" />

<meta name="viewport" content="width=device-width, initial-scale=0.7">

「修正」として、iPadの固定幅を設定する必要がありますか?

4

1 に答える 1

1

メタを initial-scale = 1; のままにしておきます。

次に、メディア クエリに移動し、iPad のサイズをチェックしているかどうかを確認します。

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)

ipad3/4 には追加のメディア クエリが必要であることに注意してください。

于 2013-10-15T11:51:13.603 に答える