随着移动终端的不断出现新产品,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,即当缩放缩小时,最小可缩小多少倍数;
根据这些参数的不同设置,可以在可视终端上得到需要的效果,当然也得注意各个可视展视设备终端是否支持这些属性,因为不能设备对各个属性的支持情况不完全相同,需要实际测试才知道,获取对应官网或厂家了解;
二,写在最后,
更多属性日后更新,知道的暂时记下这些,如果你知道请留言或建议一下。