欢迎光临智优营家官方网站!

您贴身的
网络运营管家

 智优学院  / 内容运营 点击返回 > >

PC页面重定向到移动页面,你得这样做!

来源:智优营家    发布日期:2019-03-19    关注:

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

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

  01、站点有独立的移动端站点和PC站点

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

  (1)环境判断

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

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

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

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

  02、站点没有独立的移动站点

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

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

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

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

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

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

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

  结语:提升用户体验,我们携手努力——!你还有哪些技术提升方面的问题呢?欢迎留言提问。

湖北福彩网 河南福彩网 安徽福彩网 四川福彩网 江西福彩网 秒速赛车平台来【大发df3833.com】 秒速赛车平台来【大发df3811.com】 秒速赛车平台来【大发df3822.com】 秒速飞艇平台来【大发df3833.com】 澳门百家乐平台来【大发df3811.com】 幸运快乐8平台来【大发df3822.com】 重庆时时彩平台来【大发df3833.com】 幸运快乐8平台来【大发df3811.com】 幸运28平台来【大发df3822.com】 太阳城娱乐平台来【大发df3833.com】 加拿大28平台来【大发df3811.com】 幸运飞艇平台来【大发df3822.com】 香港六合彩平台来【大发df3833.com】 香港六合彩平台来【大发df3811.com】 pk10平台来【大发df3822.com】 pk10平台来【大发df3833.com】 快乐飞艇平台来【大发df3811.com】 秒速牛牛平台来【大发df3822.com】 欢乐生肖平台来【大发df3833.com】 极速快3平台来【大发df3811.com】 腾讯分分彩平台来【大发df3822.com】 分分彩平台来【大发df3833.com】 澳洲幸运8平台来【大发df3811.com】 光大彩票来【df3822.com】 九号彩票来【df3833.com】 二分彩平台来【大发df3811.com】 刘伯温论坛来【大发df3822.com】 开元棋牌来【df3833.com】 开元棋牌来【df3811.com】 太阳城开户平台来【大发df3822.com】 六合彩开奖平台来【大发df3833.com】 台湾宾果28平台来【大发df3811.com】 亚博体育来【df3822.com】 亚博体育来【df3833.com】 ag亚游平台来【df3811.com】 ag亚游平台来【df3822.com】 ag亚游平台来【df3833.com】 ag电子游戏来【df3811.com】 ag电子游戏来【df3811.com】 新濠平台来【df3822.com】 千赢国际来【df3833.com】 千赢国际来【df3811.com】 ag捕鱼王来【df3822.com】 ag捕鱼王来【df3833.com】 ag捕鱼王来【df3811.com】 捕鱼王来【df3822.com】 泛亚电竞来【df3833.com】 泛亚电竞来【df3811.com】 北京快乐8平台来【大发df3822.com】 泛亚电竞来【df3833.com】 极速六合彩平台来【大发df3811.com】 极速六合彩平台来【大发df3822.com】 幸运快三平台来【大发df3833.com】 新疆时时彩平台来【大发df3811.com】 新疆时时彩平台来【大发df3822.com】
分享到:QQ空间新浪微博腾讯微博人人网微信