移动适配代码怎么写

 时间: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 / ">

  • 原神璃月自选四星角色攻略
  • 原神中如何查看诺艾尔角色的背景解说
  • 原神【画外旅照】轻策庄奇谭拍摄攻略
  • 原神金圣遗物怎么获得
  • 热门搜索
    廉洁手抄报 社会主义核心价值观手抄报 六一儿童节手抄报画 文明礼仪手抄报 安全教育手抄报图片 六一儿童节手抄报 手抄报 清明的手抄报 我爱汉字手抄报 手抄报版面