1. 判断浏览器类型 2. 根据浏览器跳转到对应的页面 这是我的项目结构: 其实只要把移动端页面放在mobile目录下即可,然后需要在每个页面(PC端和移动端)引入current-device.min.js和defalut.js,然后浏览器访问时,执行defalut.js的方法进行 ...
一 PC端与移动端自动切换相应的链接地址 二 媒体查询关键代码 一共需要两步 head里面加meta 媒体查询的尺寸限制 . head里面的代码 . 需要写的代码 三 rem的使用方法 操作步骤: ...
2016-10-14 10:04 0 1732 推荐指数:
1. 判断浏览器类型 2. 根据浏览器跳转到对应的页面 这是我的项目结构: 其实只要把移动端页面放在mobile目录下即可,然后需要在每个页面(PC端和移动端)引入current-device.min.js和defalut.js,然后浏览器访问时,执行defalut.js的方法进行 ...
...
样式: ...
在阿里的几次面试中,总是被问到移动端和PC端有什么区别,当时回答的时候主要是回答了在兼容性、网速、适配、页面布局等方面的不同,但是还是很不系统,所以这里做一个总结。 第一: PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机 ...
1、pc端有ie,chrome,ff 内核兼容问题移动端,简单来说兼容问题相对较少。但是移动端要做好多分辨率的处理。移动端所有图片和所有html标签的尺寸都要减半。 2、移动端在布局跟js效果方面,与PC端有什么不同:先说布局方面:PC端最常用的就是固定宽度980px(也有 ...
1、兼容性 pc端需要考虑浏览器兼容性,移动端主要考虑屏幕分辨率和不同系统的兼容性。 2、页面布局 PC端常用布局固定宽度980px居中,移动端屏幕的大小和分辨率不同,多用响应式布局,使用em(以父元素为基础)、rem(以根元素为基础)。 3、JS动画 移动端没有hover事件、增加了 ...
场景 项 域名 描述 pc端 www.one.com 用于pc端访问官网 移动端 m.one.com 用于移动端访问 现在的需求是这样,在pc端访问 ...
<!-- 可以通过js代码判断 --> <!-- 手机端电脑端判断--> <script type="text/javascript"> $(document).ready(function ...