css中哪个属性能让手机页面自适应屏幕
4个回答
展开全部
在网页代码的头部,加入一行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这种。
展开全部
宽度用百分比作为值就可以让内容大小随窗口大小改变,,但是只是这样做是不够的。
要实现响应式布局,还需要了解一下CSS3的媒体查询,,你可以搜一下这个,,智能手机的浏览器对它支持的很好。
要实现响应式布局,还需要了解一下CSS3的媒体查询,,你可以搜一下这个,,智能手机的浏览器对它支持的很好。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
不太懂css,你可以试试twitter bootstrap这个框架,可以实现自适应屏幕。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
哪个属性也不能自适应手机页面
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询