肆合互动,团队始于2008,为您提供可信任的一站式网站制作和网络推广优化服务!
028-85756675
网站地图

新闻资讯

为您提供网站建设资讯、网站优化知识、主机域名邮箱、
关键词排名、网站开发常见问题等。

浅谈移动端网站的开发技巧

发表日期:2019/11/06 来源:肆合互动 咨询电话:028-85756675

  在网站开发的时候,除了需要开发PC端以外,移动端也是我们一部分客户开发的重点,接下来成都网站开发人员为你讲解移动端网站开发的小技巧:

  一、移动端手机号码的识别

  在 iOS Safari (其他浏览器和Android均不会)上会对那些看起来像是电话号码的数字处理为电话链接,比如:

  7位数字,形如:1234567

  带括号及加号的数字,形如:(+86)123456789

  双连接线的数字,形如:00-00-00111

  11位数字,形如:13800138000

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

  开启电话功能

  123456

  开启短信功能:

  123456

  二、移动端邮箱识别(Android)

  与电话号码的识别一样,在安卓上会对符合邮箱格式的字符串进行识别,我们可以通过如下的meta来管别邮箱的自动识别:

  同样地,我们也可以通过标签属性来开启长按邮箱地址弹出邮件发送的功能:

  dooyoe@gmail.com

  三、百度禁止转码

  通过百度手机打开网页时,百度可能会对你的网页进行转码,往你页面贴上它的广告,非常之恶心。不过我们可以通过这个meta标签来禁止它:

  四、设置状态栏的背景颜色(IOS)

  设置状态栏的背景颜色,只有在 “apple-mobile-web-app-capable” content=”yes” 时生效

  content 参数:

  default :状态栏背景是白色。

  black :状态栏背景是黑色。

  black-translucent :状态栏背景是半透明。 如果设置为 default 或 black ,网页内容从状态栏底部开始。 如果设置为 black-translucent ,网页内容充满整个屏幕,顶部会被状态栏遮挡。

  五、移动端如何定义字体font-family

  三大手机系统的字体:

  ios 系统

  默认中文字体是Heiti SC

  默认英文字体是Helvetica

  默认数字字体是HelveticaNeue

  无微软雅黑字体

  android 系统

  默认中文字体是Droidsansfallback

  默认英文和数字字体是Droid Sans

  无微软雅黑字体

  winphone 系统

  默认中文字体是Dengxian(方正等线体)

  默认英文和数字字体是Segoe

  无微软雅黑字体

  各个手机系统有自己的默认字体,且都不支持微软雅黑 如无特殊需求,手机端无需定义中文字体,使用系统默认 英文字体和数字字体可使用 Helvetica ,三种系统都支持

  * 移动端定义字体的代码 */

  body{font-family:Helvetica;}

  六、移动端touch事件(区分webkit 和 winphone)

  当用户手指放在移动设备在屏幕上滑动会触发的touch事件

  以下支持webkit

  touchstart——当手指触碰屏幕时候发生。不管当前有多少只手指

  touchmove——当手指在屏幕上滑动时连续触发。通常我们再滑屏页面,会调用event的preventDefault()可以阻止默认情况的发生:阻止页面滚动

  touchend——当手指离开屏幕时触发

  touchcancel——系统停止跟踪触摸时候会触发。例如在触摸过程中突然页面alert()一个提示框,此时会触发该事件,这个事件比较少用

  以下支持winphone 8

  MSPointerDown——当手指触碰屏幕时候发生。不管当前有多少只手指

  MSPointerMove——当手指在屏幕上滑动时连续触发。通常我们再滑屏页面,会调用css的html{-ms-touch-action: none;}可以阻止默认情况的发生:阻止页面滚动

  MSPointerUp——当手指离开屏幕时触发

  七、移动端如何清除输入框内阴影

  在iOS上,输入框默认有内部阴影,但无法使用 box-shadow 来清除,如果不需要阴影,可以这样关闭:

  input,textarea {

  border: 0; /* 方法1 */

  -webkit-appearance: none; /* 方法2 */

    以上内容由成都网站开发公司整理,希望对各位有所帮助。


相关案例
更多案例>
ARE YOU
INTERESTED
IN?
感兴趣吗?

网站建设及推广咨询电话

028-85756675
13688349946
15308030114

成都市天府新区华府大道1号蓝润置地广场T3公寓2302室

7x24 小时专业服务
专业备案全程跟进
承诺做不到退款
快速建站SEO友好

填写网站建设及SEO优化排名需求

*请认真填写需求信息,24小时内与您取得联系。
在线咨询
电话咨询

立即咨询

028-85756675
微信咨询
微信二维码
QQ咨询
返回顶部