如何让我的网站适合iPhone的屏幕？

Question

我的网站（linearedge.com）不适合iphone的屏幕。我已经尝试了很多不同的视口元属性组合，并没有任何工作。

有什么建议吗？

谢谢！

Answer 1

尝试使用CSS @media queries设计您的网站，以使其响应。例如下面的例子，基本上意味着如果你的屏幕小于739px，那么将#container的宽度设置为200px。如果您调整网站中容器的大小，则应该适合。

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