可视终端展视设备的宽,高和缩放的设置

随着移动终端的不断出现新产品,WEB页面在不同的可视终端的一些设置需要注意;

一,设置方式:

<meta name="viewport" content="width=device-width, user-scalable=[no|yes], initial-scale=1, maximum-scale=1, minmum-scale=1" />

1,name="viewport", 名称为可视设备终端;

2,width=device-width,  即宽度等于设备屏幕宽度;

3,user-scalable=[no|yes], 是否可以进行缩放,yes=可缩放,no不能缩放;

4,initial-scale=1, 即初始化缩放倍数,小于1则缩小,大于1则放大;

5,maximum-scale=1, 即当缩放放大时,最大可放大多少倍数;

6,minmum-scale=1,即当缩放缩小时,最小可缩小多少倍数;


根据这些参数的不同设置,可以在可视终端上得到需要的效果,当然也得注意各个可视展视设备终端是否支持这些属性,因为不能设备对各个属性的支持情况不完全相同,需要实际测试才知道,获取对应官网或厂家了解;


二,写在最后,

更多属性日后更新,知道的暂时记下这些,如果你知道请留言或建议一下。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值