《自适应网页设计（Responsive Web Design）》文章已经归档，站长之家不再展示相关内容，下文是站长之家的自动化写作机器人，通过算法提取的文章重点内容。这只AI还很年轻，欢迎联系我们帮它成长：
2010年，EthanMarcotte提出了自适应网页设计（ResponsiveWebDesign）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计...
首先，在网页代码的头部，加入一行viewport元标签...
viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%...
由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素...
然后，h1的大小是默认大小的1.5倍，即24像素（24/16=1.5）...
small元素的大小是默认大小的0.875倍，即14像素（14/16=0.875）...
......
本文由站长之家用户“阮一峰博客”投稿，本平台仅提供信息索引服务。由于内容发布时间超过平台更新维护时间，为了保证文章信息的及时性，内容观点的准确性，平台将不提供完整的内容展现，本页面内容仅为平台搜索索引使用。需阅读完整内容的用户，请联系作者获取原文。
（举报）
