我希望只是使用,
<meta name="viewport" content="width=device-width,maximum-scale=1.0,user-scalable=false" />
然后根据宽度调用不同的样式表。唯一的问题是iPhone4报告的宽度为320px甚至是640px。我如何有条件地为iPhone4s将内容宽度设置为640px?
答案 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/