html代码|网页设计自动适应屏幕大小

时间:8个月前   阅读:119

现在,很多项目都需要做响应式或者自适应的来适应我们不同屏幕尺寸的手机,电脑等设备,那么就需要我们在页面在网页代码的头部,加入一行viewport元标签

在网页的中增加以下这句话,可以让网页的宽度自动适应手机屏幕的宽度,下面是这些属性的解释:

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
属性描述
width=device-widthwidth为设置layout viewport 的宽度,为一个正整数,”width-device”表示宽度是设备屏幕的宽度
initial-scale=1.0initial-scale为设置页面的初始缩放值,可以是一个带小数的数字,1.0就是占网页的100%
minimum-scale=1.0表示最小的缩放比例
maximum-scale=1.0表示最大的缩放比例
user-scalable=no表示用户是否可以调整缩放比例,值为”no”或”yes”


上一篇:html代码|指定5秒后关闭标签

下一篇:css代码|利用css代码隐藏某个id或者class

网友评论