html5移动web开发实战详解,移动端html自适应布局

  html5移动web开发实战详解,移动端html自适应布局

  在pc版网页(http://pc_url)上,添加:

  链接rel= alternate media= only screen和(max-width:640 px) href= 3358 PC _ URL 在移动版本的网页上(http://mobile_url),要求的注释应为:

  link rel= canonical href= 3358 mobile _ URL 之前的Meta标签(移动代理)将继续使用,但我们建议用HTMAL5语言制作的移动页面应采用最新的方案。对于其他移动页面跳转适应,如xml语言,以前的元标记方法应该继续:

  meta name= mobile-agent content= format=[wml XHTML html 5];Url=mobile_urlhtml5新增加的移动适配写的如上。这主要是让百度等搜索引擎抓取手机网址是什么,设备切换到手机时不会自动跳转。实现自动跳转也需要js。

  总结

  以上是边肖介绍的html5中实现移动适配的完美方法。希望对你有帮助。如果您有任何问题,请给我留言,边肖将及时回复您。非常感谢您对网站的支持!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: