长沙网站制作_移动端开发注意事项

发布日期:2017-03-27 13:35

随着时代的发展,越来越多的网站已经开始往移动端发展了,也有越来越多的客户在PC端网站完成之后往往会继续做移动端。而移动端的开发跟PC端又有很多不同的地方,下面将列出几条移动端开发时的注意事项。

1、百度禁止转码

通过百度手机打开网页时,百度可能会对你的见面进行转码,然后往你的页面上贴上它的广告,总之非常恶心,不过,可以用meta标签来禁止它

<meta http-equiv="Cache-Control" content="no-siteapp" />

2、移动端手机号码识别

在IOS Safari上会对那些看起来像是电话号码的的数字处理为电话链接。

比如:7位数字,1234567

带括号及加号的数字,(+86)123456789等,

可能还有其他类型的数字也会被识别。我们可以通过加上meta来关闭电话号码的自动识别:

<meta name="format-detection" content="telephone=no" />

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;}

 
以上信息由长沙网站建设--长沙蒲公英网络收集与整理,禁止用于任何商业行为