所属栏目:发布日期:2017-03-27 13:44浏览量:2669作者:admin
随着时代的发展,越来越多的网站已经开始往移动端发展了,也有越来越多的客户在PC端网站完成之后往往会继续做移动端。而移动端的开发跟PC端又有很多不同的地方,下面将列出几条移动端开发时的注意事项。
1、百度禁止转码
通过百度手机打开网页时,百度可能会对你的见面进行转码,然后往你的页面上贴上它的广告,总之非常恶心,不过,可以用meta标签来禁止它
2、移动端手机号码识别
在IOS Safari上会对那些看起来像是电话号码的的数字处理为电话链接。
比如:7位数字,1234567
带括号及加号的数字,(+86)123456789等,
可能还有其他类型的数字也会被识别。我们可以通过加上meta来关闭电话号码的自动识别:
3、禁止文本缩放
当移动设备横竖屏切换时,文本的大小会重新计算,进行相应的缩放,而当我们不需要这种情况出现时,可以选择禁止html{-webkit-text-size-adjust: 100%;},需要注意的是该属性需要在移动端生效的话,必须设置“meta viewport”。
4、移动端禁止选中内容
如果你不想用户可以选中页面中的内容,那么你可以在CSS中禁掉
.user-select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}