網頁無法識別移動設備和調整顯示

Question

所有， 我有以下網頁： http://www.okynemedialab.com/gear_checkout.php

我想我的移動設備（iPhone）上顯示這一點，它不」 t似乎認識到我正在使用移動設備。我有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，但我沒有寬度，所以不應該成爲問題。任何人都可以看到我做錯了什麼或如何使這項工作？

謝謝！

Answer 1

看到https://stackoverflow.com/a/3454294/1521179

了類似的問題的答案（搜索可以幫助...）

的問題是，iOS設備有大約1000像素的僞寬度。鏈接的答案顯示瞭如何解決該問題。