有条件地为 iPhone4 设置视口？

Question

我希望只是使用，

    <meta name="viewport" content="width=device-width,maximum-scale=1.0,user-scalable=false" />

然后根据宽度调用不同的样式表。 唯一的问题是 iPhone4 报告的宽度为 320 像素，即使是 640 像素。 我如何有条件地将 iPhone4s 的内容宽度设置为 640 像素？

Answer 1

我会调查Media Queries以实现您的要求。

以下是一些与构建响应式、流畅、多设备网站相关的非常好的文章：

Smashing Magazine 的“如何使用媒体查询” ： http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-你的网页/

关于流体网格的 A-List Apart 文章： http://www.alistapart.com/articles/fluidgrids/

并且， Smashing Magazine 关于响应式 web 设计的文章（参考 A-List Apart 关于同一主题的文章）： http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/