《学习之响应式Web设计：Media Queries和Viewports》文章已经归档，站长之家不再展示相关内容，下文是站长之家的自动化写作机器人，通过算法提取的文章重点内容。这只AI还很年轻，欢迎联系我们帮它成长：
什么是响应式Web设计（ResponsiveWebdesign）？...
响应式Web设计是一种Web设计和开发能够根据屏幕大小、平台和方向对用户的行为和环境做出响应的设计...
响应式网页设计使用@mediaqueries根据浏览器的宽度和CSS来改变页面的布局...
原因是移动端浏览器（iPhone/Safari，Android/Chrome和Fennec）会默认页面是为宽屏幕设计的，所以将它缩小整个页面来适应小屏幕...
结果就是，页面CSS规则是适应480px的，另外scale还是1.5...
为什么？根据CSS3对mediaqueries的描述，device-width在mediaqueries里表示的是输出设备表面渲染的宽度...
测试表明，大多数桌面浏览器把device-width和width当作同义词...
......
本文由站长之家用户“博客园”投稿，本平台仅提供信息索引服务。由于内容发布时间超过平台更新维护时间，为了保证文章信息的及时性，内容观点的准确性，平台将不提供完整的内容展现，本页面内容仅为平台搜索索引使用。需阅读完整内容的用户，请联系作者获取原文。