有时用户在移动设备上会访问到PC页面的地址,这种情况下要如何解决呢?这时我们需要以较快的速度跳转到对应的移动端页面,尽量给用户带来好的体验。那么,如何从PC页面重定向到移动页面呢?下面赛得威网络会按照不同站点的类型,分析了几种常见的实现方式。
一、有独立的移动端和PC端的网站
二、站点没有独立的移动站点
这种情况下,我们可以采用前端页面响应式布局,以便在不同的分辨率和设备下都可以合理的进行页面展示。
关于响应式布局,关键的有几点:
1、使用media query,在不同尺寸、不同设备上进行不同展示,
2、设置viewport,如果没有设置viewport,在移动设备上将会使用桌面版屏幕宽度渲染页面,然后再进行缩放以适应屏幕。
3、布局方式,传统的固定布局方式,无法适应响应式布局,建议采用栅格化布局,可以参考Bootstrap的流式栅格化布局。