PC移动适配优化

点击: 分类:移动端

有很多时候,用户在移动设备上会访问到PC页面的地址,这种情况下,我们需要以极快的速度跳转到对应的移动端页面,尽量减少用户的感知,给用户最好的体验。那么,如何从PC页面重定向到移动页面呢?本文将为你解答。

如何能快速地由PC页重定向到移动页面,我们按照不同站点的类型,给出了几种常见的实现方式。

1. 站点有独立的移动端站点和PC站点

这种情况下,我们需要进行服务端跳转。当在移动设备上访问PC站点时,需要服务端进行环境判断,然后重定向到对应的移动页面。

(1)环境判断

环境的判断,一般是通过判断请求的userAgent,以php为例,下面给出简单的代码实现


(2)重定向到对应的移动端页面

2. 站点没有独立的移动站点

这种情况下,我们可以采用前端页面响应式布局,以便在不同的分辨率和设备下都可以合理的进行页面展示。

关于响应式布局,关键的有几点:

  • 使用media query(媒体查询),在不同尺寸、不同设备上进行不同展示,譬如

  • 设置viewport(视窗)。如果没有设置viewport,在移动设备上将会使用桌面版屏幕宽度渲染页面,然后再进行缩放以适应屏幕。


  • 布局方式。传统的固定布局方式,无法适应响应式布局,建议采用栅格化布局,可以参考Bootstrap的流式栅格化布局。


本文版权归本站所有,未经允许,禁止转载本站内容。

相关内容

  1. 移动端网站优化常见问题
  2. 如何禁止百度对移动端网站进行转码
  3. 移动网站优化注意事项
  4. 百度移动端网站优化策略
  5. 移动网站优化站长应该做哪些工作
  6. 网站在移动端打不开可能是被百度屏蔽了
  7. 百度移动网站优化指南
  8. 百度移动端网站优化友好度标准
  9. 移动端和PC网站优化详解
  10. 移动端网站域名服务器优化
  11. 移动端网站收录
  12. 移动端网站排名优化
  13. 移动端网站标题及URL优化
  14. 移动端网站适配及收录优化
  15. 移动网站内容页优化规范
  16. PC移动适配优化
  17. 移动网站如何快速向百度提交数据
  18. 网站代码适配优化
  19. 网站跳转适配规则
  20. 移动端网站优化的几个关键点
  21. 移动端是目录的网站如何提交适配
  22. 移动端适配不通过
  23. 移动端网站流量异常解决办法
  24. 移动端网站兼容性优化

上一篇: 移动网站内容页优化规范

下一篇: 移动端网站优化的几个关键点