山滚云

如何从PC页面重定向到移动页面?

SEO常识 1125℃

有很多时候,用户在移动设备上会访问到PC页面的地址,这种情况下,我们需要以极快的速度跳转到对应的移动端页面,尽量减少用户的感知,给用户最好的体验。那么,如何从PC页面重定向到移动页面呢?下面由成都SEO网站优化公司为大家详细介绍一下。

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

如何从PC页面重定向到移动页面?
1.站点有独立的移动端站点和PC站点

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

(1)环境判断

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

从PC页面重定向到移动页面代码
(2)重定向到对应的移动端页面

重定向到对应的移动端页面代码
2.站点没有独立的移动站点

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

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

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

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

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

转载请注明:⎛蜗牛SEO⎞ » 如何从PC页面重定向到移动页面?

蜗牛营销是国内领先的搜索营销服务商,有丰富的客户服务经验,我们有专业的网站优化、网站建设、APP开发、全网营销团队,可以持续为您提供优质的服务,您的满意是我们不懈的追求。

城市分站:上海SEO北京SEO广州SEO深圳SEO网站建设武汉SEO重庆SEO北京网站建设成都SEO

业务范围:网站优化,网站建设,app开发,虚拟主机    微信:ganshangwoniu    QQ:549233124    业务咨询热线:177-2050-9380

   Copyright © 2008-2024 蜗牛营销版权所有   

QQ在线咨询
成都SEO蜗牛营销微信号