摘要: 本文收录一下关于ios适配的media query规则 iPad: Js代码 @media only screen and (min-device-width:768px) and (max-device-width:1024px) { //.... } iPad横屏: Js代码 @media on 阅读全文
posted @ 2016-02-24 15:19 野蛮坏坏女 阅读(170) 评论(0) 推荐(0)
摘要: 正文: -webkit-min-device-pixel-ratio为1.0 所有非Retina的Mac 所有非Retina的iOS设备 Acer Iconia A500 Samsung Galaxy Tab 10.1 Samsung Galaxy S -webkit-min-device-pixe 阅读全文
posted @ 2016-02-24 15:17 野蛮坏坏女 阅读(496) 评论(0) 推荐(0)
摘要: var hh = $(window).height()-450;//450 $(".newsListCon ul").height(hh); var lineHig =$(".destDiv").offset().top; //旁边浮动的 var ajustRightFloat = fu... 阅读全文
posted @ 2015-11-18 17:53 野蛮坏坏女 阅读(109) 评论(0) 推荐(0)
摘要: 做手机端网页需要用到响应式布局,首先需要再HTML文件头声明一下:主要目的是宽度控制和禁止用户缩放,具体参数自己GOOGLE一下。下面是CSS判断是PC端还是移动端其实很简单,用CSS3的媒体查询就可以非常方便去实现,不需要用userAgent神马的那么麻烦。/*最小宽度800就是PC端*/@med... 阅读全文
posted @ 2015-05-18 14:38 野蛮坏坏女 阅读(419) 评论(0) 推荐(0)