代码改变世界

随笔档案-2012年5月2日

web网页自适应方法及注意(转)

2012-05-02 11:44 by Spring.Guo, 1120 阅读, 收藏,
摘要: 二、允许网页宽度自动调整 "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport 元标签。<meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的 100%。 所有主流浏览器都支持这个设置 阅读全文