html5实现移动端适配完美写法
发布时间：2017-11-16 15:56:39 作者：佚名 
我要评论
我要评论这篇文章主要介绍了html5实现移动端适配完美写法,需要的朋友可以参考下
在pc版网页(http://pc_url) 上，添加：
<link rel="alternate" media="only screen and(max-width: 640px)" href="http://pc_url" >
在移动版网页(http://mobile_url) 上，所需的注释应为:
<link rel="canonical" href="http://mobile_url" >
之前的Meta标记（mobile agent）会继续沿用，但我们推荐使用HTMAL5语言制作的移动页面使用最新方案进行跳转适配，其它如xml语言的移动页跳转适配，需要继续使用之前的meta标记方式:
<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=mobile_url">
html5新增的移动适配写法如上,这个主要是为了百度等搜索引擎抓取到网站的移动端网址是什么,不是自动当设备切换到手机时自动跳转的.若实现自动跳转还需要js.
总结
以上所述是小编给大家介绍的html5实现移动端适配完美写法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了吃透移动端 1px的具体用法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-16
这篇文章主要介绍了postcss-pxtorem移动端适配的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学2019-12-03
这篇文章主要介绍了移动端适配 使px自动转换rem的相关资料,需要的朋友可以参考下2019-08-26
这篇文章主要介绍了Html5移动端适配IphoneX等机型的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起2019-06-25- 这篇文章主要介绍了浅谈移动端适配大法的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-05
这篇文章主要介绍了详解如何使用rem或viewport进行移动端适配，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编2020-08-14
最新评论