iphone - 如何使我的网站适合 iPhone 的屏幕？

Question

我的网站 (linearedge.com) 不适合 iphone 的屏幕。我尝试了很多不同的视口元属性组合，但没有任何效果。

有什么建议么？

谢谢！

Answer 1

尝试使用 CSS @media 查询来设计您的网站以使其具有响应性。比如下面这个，基本上就是说如果你的屏幕小于739px，那么将#container的宽度设置为200px。如果您相应地调整网站中容器的大小，它应该适合。

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