如何快速的将PC页重定向到移动页面(二)

177次阅读

上一篇:如何快速的将PC页重定向到移动页面(一)

 

将PC页重定向到移动页面(二):

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

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

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

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

pc3.png

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

pc4.jpg

布局方式。传统的固定布局方式,无法适应响应式布局,建议采用栅格化布局。

作者:夫唯学院SEO培训  修订1.0  2019-02-27

搜外专注SEO在线系统培训,10年来超过五万学员在此获得技术提升和人脉圈子。

SEO课程已融入到移动搜索、零基础建站、群站SEO思维、搜外6系统、SEM入门等。

欢迎添加助教微信:seowhy2018,马上获得优秀学员案例。