如题所述
在网页代码的头部，加入一行viewport元标签。
<meta name="viewport" content="width=device-width, initial-scale=1" />
viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。
对于viewport属性，我是真正在接触移动web开发是才遇到的，一把的ps布局都是固定的960px，1000px这种。
<meta name="viewport" content="width=device-width, initial-scale=1" />
viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。
对于viewport属性，我是真正在接触移动web开发是才遇到的，一把的ps布局都是固定的960px，1000px这种。
温馨提示：答案为网友推荐，仅供参考
第1个回答 2012-12-16
宽度用百分比作为值就可以让内容大小随窗口大小改变，，但是只是这样做是不够的。
要实现响应式布局，还需要了解一下CSS3的媒体查询，，你可以搜一下这个，，智能手机的浏览器对它支持的很好。本回答被网友采纳
要实现响应式布局，还需要了解一下CSS3的媒体查询，，你可以搜一下这个，，智能手机的浏览器对它支持的很好。本回答被网友采纳
第2个回答 2012-12-16
不太懂css，你可以试试twitter bootstrap这个框架，可以实现自适应屏幕。
第3个回答 2012-12-16
哪个属性也不能自适应手机页面
