移动适配代码怎么写

 时间:2024-10-12 21:03:36

做好移动适配,对于很多SEO来说是很重要的优化手段,那么如何写移动适配代码呢?咱们可以从下面几点入手。目前主要的移动端有三种,分别是:自适应、响应式和独立移动页面

自适应:

1、<meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="applicable-device" content="pc,mobile">

响应式

1、PC端页面head标签内对应添加如下代码:<meta name="applicable-device" content="pc">

2、移动端页面head标签内对应添加如下代码:<meta name="applicable-device" content="mobile">

独立移动页面:

1、PC端页面head标签内对应添加如下代码: <meta name="applica芟鲠阻缒ble-device" content="pc"> <link rel=“alternate” media=“only screen and(max-width: 640px)” href=“http://m.shangqw.cn /" >

2、 移动端页面head标签内对应添加如下代码: <meta name="applicable-device" content="mobile"> <link rel="canonical" http://www.shangqw.cn / ">

  • 原神璃月自选四星角色攻略
  • 原神中如何查看诺艾尔角色的背景解说
  • 原神【画外旅照】轻策庄奇谭拍摄攻略
  • 原神金圣遗物怎么获得
  • 热门搜索
    锦江旅游上海旅行社 韶关旅游网 3月去哪里旅游最好 冬季适合去哪里旅游 旅游方案 湘西旅游景点大全 药王谷旅游攻略 辽宁省旅游信息网 温州有什么旅游景点 西安冬季旅游攻略