对于如何实现pc端网站与移动端网站的切换,对于前端开发来说,并不陌生,当从UI设计师拿到设计稿时,针对页面,然后开始布局画页面,那既要兼顾pc端又要兼顾移动端
通常来讲,根据项目的需求,选择合适的解决方案,下面介绍自己知道的几种方式
方式1-同一套代码利用媒体查询写不同的样式
这种方式比较适合简单而不会经常变动的页面,比如,公司的静态官网,某些活动页等
弊端就是:代码很混乱,要根据不同的设备,媒体查询,写相对应的样式,布局,容易迁一动而引发全身
方式2-使用bootstrap这种框架去实现响应式页面
使用bootstrap
去实现页面的响应式,这种方式比较固定,比较适合没有特定UI,要是定制化页面,那使用bootstrap
是不适合的,引入一大堆的样式进入,远没有自己原生写的简便
方式3-pc端与移动端各自分开分别实现
这种方式主要是保持各自独立,pc端的页面就用pc端的方式去写,而移动端的页面,就使用移动端方式去写(比如:rem/vw,vh等)
在用户进入网站时,根据环境,然后跳转到指定的域名或移动端页面
具体实现
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END