h5的移动端适配怎样实现-木庄网络博客

2022-03-30 22:36:33 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者php中世界最好的语言，侵删。

这次给大家带来h5的移动端适配怎样实现，怎么适配h5的移动端？适配h5的移动端的注意事项有哪些，下面就是实战案例，一起来看一下。

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

1	`<link` `rel="alternate"` `media="only screen and(max-width: 640px)"` `href="http://pc_url"` `>`

在移动版网页(http://mobile_url) 上，所需的注释应为:

1	`<link` `rel="canonical"` `href="http://mobile_url"` `>`

之前的Meta标记（mobile agent）会继续沿用，但我们推荐使用HTMAL5语言制作的移动页面使用最新方案进行跳转适配，其它如xml语言的移动页跳转适配，需要继续使用之前的meta标记方式:

相关阅读 >>

更多相关阅读请进入《HTML5》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者