有条件地为iPhone4设置视口?

时间:2011-06-01 17:03:00

标签: javascript jquery iphone html css

我希望只是使用,

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

然后根据宽度调用不同的样式表。唯一的问题是iPhone4报告的宽度为320px甚至是640px。我如何有条件地为iPhone4s将内容宽度设置为640px?

1 个答案:

答案 0 :(得分:1)

我会调查Media Queries来实现你的要求。

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

粉碎杂志的“如何使用媒体查询”http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

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

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

相关问题