0

WordPressを使用してサイトを開発しています。サイトは中央に配置され、幅は 1044 ピクセルです。デスクトップ ブラウザーではすべてが期待どおりに機能しますが、iPad で確認すると、デザインが右側で途切れており (iPad の向きを使用して)、すべてを表示するにはスワイプする必要があります。

http://oscarciutat.com/reciclar/home/

このCSSルールを追加しましたが、成功しませんでした:

body {
    min-width: 1044px;
}

次のメタ タグを追加すると、問題が悪化します。

<meta name="viewport" content="width=device-width" />

ここで私が間違っていることについてのアイデアはありますか? 私が試したすべての解決策はうまくいきません。

前もって感謝します

4

2 に答える 2

2 
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- You can change the initial-scale to make it fit --->

上記を使用してみてください。動作するはずです。

そうでない場合は、iPad の画面解像度に CSS メディア クエリを使用できます。

@media (max-width: 1024px) {  
  YOUR CSS TO REDUCE WIDTH OF SITE
}
于 2013-09-01T14:43:15.557 に答える