Categories


Tags


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

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

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

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

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

(1)环境判断

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

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

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

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

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

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

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

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

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

来源:百度搜索资源平台 百度搜索学堂


Public @ 2019-10-13 16:19:40

百度搜索资源平台-为什么适配成功的数据转变为校验失败?

百度搜索资源平台适配成功的数据转变为校验失败可能是由于以下原因之一: 1. 数据格式不符合要求:适配成功的数据在转变过程中可能出现了格式错误,比如缺少必要的字段、字段类型不匹配等,导致校验失败。 2. 校验规则变更:百度搜索资源平台的校验规则可能发生了变更,早前适配成功的数据在新的规则下无法通过校验。 3. 数据源更新:数据源可能已经更新,其中的数据发生了变化,这些变化可能导致之前有效的适配

Public @ 2023-07-26 01:50:32

移动搜索-6-移动网站如何快速提交数据

站长学院公开课已经进行了一期,收到了大量站长同学的提问和建议,根据大家的反馈,第二期公开课的选题为《移动网站如何快速提交数据》,本期的培训嘉宾是百度站长社区版主:李松松,2009开始接触互联网,然后就一发不可收拾,做过数百企业站的优化推广工作,垂直行业门户网站、论坛、小说优化推广,目前在职母婴行业。这期的课跟上期息息相关,首先回顾一下上期内容,上期院长主要讲了移动建站与选型。随着网民对于移动化趋势

Public @ 2011-12-07 16:19:49

白皮书5.0解读—内容模块之间为何要设置合理间隔

白皮书5.0中,设置合理的内容模块间隔可以提高可读性和用户体验。如果内容模块之间间距不合理,用户容易感到视觉疲劳,难以集中注意力阅读。同时,合理的间隔可以帮助用户更加清晰地理解每个部分的含义,避免产生混淆和理解偏差。在设计白皮书时,应该考虑内容模块之间的逻辑关系,根据需要合理地安排间隔,以确保内容的连贯性和易读性。

Public @ 2023-06-15 01:00:11

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

有很多时候,用户在移动设备上会访问到PC页面的地址,这种情况下,我们需要以极快的速度跳转到对应的移动端页面,尽量减少用户的感知,给用户最好的体验。那么,如何从PC页面重定向到移动页面呢?本文将为你解答。如何能快速地由PC页重定向到移动页面,我们按照不同站点的类型,给出了几种常见的实现方式。1. 站点有独立的移动端站点和PC站点这种情况下,我们需要进行服务端跳转。当在移动设备上访问PC站点时,需要服

Public @ 2019-10-13 16:19:40

更多您感兴趣的搜索

0.476967s