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

时间:2013-04-08 19:43:39

标签: iphone web screen-resolution

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

有什么建议吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

尝试使用CSS @media queries设置网站样式,使其具有响应性。例如下面的那个,基本上意味着如果你的屏幕小于739px,那么将#container的宽度设置为200px。如果您相应地调整了网站中容器的大小,那么它应该适合。

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