体验提升小贴士:如何从PC页面重定向到移动页面?

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

我们提供的服务有:成都做网站、网站建设、微信公众号开发、网站优化、网站认证、卧龙ssl等。为1000多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的卧龙网站制作公司

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

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

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

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

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

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

使用media query(媒体查询),在不同尺寸、不同设备上进行不同展示,
设置viewport(视窗)。如果没有设置viewport,在移动设备上将会使用桌面版屏幕宽度渲染页面,然后再进行缩放以适应屏幕。
布局方式。传统的固定布局方式,无法适应响应式布局,建议采用栅格化布局,可以参考Bootstrap的流式栅格化布局。 
 


新闻标题:体验提升小贴士:如何从PC页面重定向到移动页面?
文章出自:http://bzwzjz.com/article/ciijoo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都商城网站建设 宜宾网站设计 定制网站建设多少钱 阿坝网站设计 上市集团网站建设 成都企业网站设计 成都网站设计 教育网站设计方案 成都网站设计 营销型网站建设 成都商城网站制作 网站制作 成都模版网站建设 成都网站制作 成都网站建设公司 营销网站建设 成都网站设计 成都网站设计制作公司 响应式网站设计方案 网站建设改版 重庆企业网站建设 成都网站建设