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

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

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

(1)环境判断

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

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

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

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

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

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

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

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

推荐:

如何提升移动适配效果及注意事项

什么样子的网站更受搜索引擎欢迎

从域名到网站,要做哪几步?

 

如果您对本文有什么疑问和好的建议,欢迎在下方留言,也可以点击站长交流群讨论。

1条评论

评论

请填写评论内容😊
请填写你的大名