0

すべて、私は次のウェブページを持っています: http://www.okynemedialab.com/gear_checkout.php

これをモバイル デバイス (iPhone) で表示しようとしていますが、モバイル デバイスを使用していることを認識していないようです。最大幅を制御するための次の CSS があります。

/* Optimized for Tablets */
@media (max-width: 800px) { 
    #featured, #main, #bottom { font-size:10px; }
}
/* Optimized for Mobile Devices */
@media (max-width: 480px) {
    #wrapper {padding:0;}
    #main { font-size:9px; float:none; margin:0 0 10px 0; width:100%;}
}

以下を使用して、この CSS を呼び出します。

<link rel="stylesheet" media="all" href="<?php echo $url; ?>gear.css" type="text/css" />

なぜ調整しないのかわからない。事前に入力されてからjQueryで非表示になるテーブルがいくつかありますが、それらに幅がないため、問題になることはありません。私が間違っていることや、これを機能させる方法を誰かが見ることができますか?

ありがとう！

4

1 に答える 1

2

https://stackoverflow.com/a/3454294/1521179で同様の問題の回答を参照してください。

（検索すると助かります...）

問題は、iOS デバイスの疑似幅が約 1000px であることです。リンクされた回答は、それを回避する方法を示しています。

于 2012-08-03T02:26:11.980 に答える