如何讓我的網站適合iPhone的屏幕？

Question

我的網站（linearedge.com）不適合iphone的屏幕。我已經嘗試了很多不同的視口元屬性組合，並沒有任何工作。

有什麼建議嗎？

謝謝！

Answer 1

嘗試使用CSS @media queries設計您的網站，以使其響應。例如下面的例子，基本上意味着如果你的屏幕小於739px，那麼將#container的寬度設置爲200px。如果您調整網站中容器的大小，則應該適合。

@media only screen and (max-width:739px) { 
     #container { width:200px; } 
      ... 
}