怎么让网页适应所有屏幕宽度?
[导读]:怎么让网站的网页适应所有的屏幕宽度? 1、在网页代码的头部,加入一行viewport元标签 viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(...
怎么让网站的网页适应所有的屏幕宽度?
1、在网页代码的头部,加入一行viewport元标签
viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为,即网页初始大小占屏幕面积的100%。
注意:该方式不支持IE8及IE8以下的版本
2、不使用绝对宽度
由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。对图像来说也是这样。
具体说,CSS代码不能指定像素宽度:width:xxx px;
只能指定百分比宽度: width: xx%; 或者 width:auto;
###学习了
###楼上们的方法棒棒哒
###相对宽度,也可以根据屏幕宽度判断调用不同的css
###做成相对宽度,可以试试响应式
###相对宽度
###可以试试响应式哦
###做成相对宽度
###代码写相对宽度就行了
###看我的,
###做成相对宽度,设置相对宽度
###设置相对宽度
###建站的工作人员都知道的
###设置相对宽度
做一个响应式的网站,bootstrap类似这样的前端框架很多你可以试着做个这样的网站 适应多有屏幕
本文来自投稿,不代表微盟圈立场,如若转载,请注明出处:https://www.vm7.com/a/ask/82887.html