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

最新百度移动搜索落地页体验白皮书——广告篇2.0-百度移动搜索落地页体验白皮书——广告篇2.0

1、百度捍卫移动搜索用户体验2、规范常见名词解释2.1 广告2.2APP引导2.3 主体内容2.4 首屏2.5 一屏3、广告内容3.1、低俗违禁内容3.2、虚假广告3.3、诱导广告4、广告样式4.1、面积原则4.2、不允许的广告展示形式4.3、广告抖动4.4、广告重叠4.5、广告自动播放4.6、广告自动下载5、广告位置5.1、首页&列表页5.2、主体内容之间5.3、页面顶部5.4、视频贴片

Public @ 2021-02-07 16:19:28

百度移动APP落地页体验白皮书解读

百度移动APP落地页体验白皮书是一份关于移动APP的落地页设计和用户体验的指南,为APP开发者和设计师提供了实用的指导和建议。以下是其主要内容的解读: 1. 界面设计: 百度移动APP落地页体验白皮书提倡简洁、清晰、易懂的设计风格,将重点放在APP的关键功能上,避免过多的冗杂信息干扰用户。同时,建议使用符合用户阅读习惯的排版,如左右对齐、分栏布局等。 2. 内容策略: 百度移动APP落地页

Public @ 2023-04-01 04:00:48

移动页面被优化展示,造成流量损失,站点如何整改及反馈?

最近收到不少站点反馈,网站内容在移动端被优化展示,学堂君第一时间联系工程师,针对优化展现的问题进行解读。为了给搜索用户提供一个安全高效健康的搜索环境,同时为了提供更好的用户体验,目前对移动落地页体验不够友好、尤其是恶劣广告过多的页面进行了优化展示。被优化展示的页面主要分为两类:其一是移动端页面浏览体验差,即违反《百度移动搜索落地页体验白皮书——广告篇2.0》或《百度搜索Mobile Friendl

Public @ 2019-07-23 16:19:54

【白皮书4.0解读】图片交互如何做会更好?

导语:2018年8月,百度搜索资源平台发布的《百度移动搜索落地页体验白皮书4.0》中提到图片页资源标准:“详情页中主体内容包括图片的情况下,图片应能点击调起大图、缩小放大功能使用自如,手势支持顺滑,图集能自由切换。”对于这一标准,有哪些案例可以参考呢?对于基础的点击调起大图功能,应该如何实现呢?《百度移动搜索落地页体验白皮书4.0专题解读》之《图片交互如何做会更好?》,将为你解答这些疑问。一、为什

Public @ 2021-12-07 16:19:39

更多您感兴趣的搜索

0.419476s