有很多情况下,客户在移动设备上面浏览到PC页面的详细地址,这类状况下,大家必须以很快的速率自动跳转到相匹配的手机端页面,尽量避免客户的认知,给客户最好是的感受。那麼,怎样从PC页面重定向到挪动页面呢?文中将给你解释。
怎样能迅速地由PC页重定向到挪动页面,大家依照不一样站点的种类,得出了几类普遍的完成方法。
1、站点有单独的手机端站点和PC站点
这类状况下,大家必须开展服务器端自动跳转。当在移动设备上浏览PC站点时,必须服务器端开展自然环境分辨,随后重定向到相匹配的挪动页面。
(1)自然环境分辨
自然环境的分辨,一般是根据分辨要求的userAgent,以php为例子,下边得出简单的代码完成
(2)重定向到相匹配的手机端页面
2、站点沒有单独的挪动站点
这类状况下,我们可以选用前端开发页面响应式布局,便于在不一样的屏幕分辨率和机器设备下都能够有效的开展页面展现。
有关响应式布局,重要的有几个方面:
1、应用media query(媒体查询),在不一样规格、不一样机器设备上开展不一样展现,例如
2、设定viewport(窗口)。要是没有设定viewport,在移动设备上把会应用pc端显示屏总宽3D渲染页面,随后再开展放缩以融入显示屏。
3、合理布局方法。传统式的固定不动合理布局方法,没法融入响应式布局,提议选用栅格化合理布局,能够参照Bootstrap的流式的栅格化合理布局。
阅读文章文中的人还能够阅读文章:
百度搜索百度站长工具链接提交专用工具是啥
百度站长工具网络平台认证普遍不正确及解决方案
百度搜索百度站长工具为何要认证网址? 怎样认证网址
标签内容: 页面 站点 1551 064 重定向 响应式布局