随笔- 78 文章- 899 评论- 22 阅读- 138万

文章分类 - 手机屏幕

摘要：在ipad、iphone网页开发中，我们很可能需要判断是横屏或者竖屏。下面介绍如何用 jQuery 判断iPad、iPhone、Android是横屏还是竖屏的方法屏幕方向对应的window.orientation值： ipad： 90 或 -90 横屏 ipad： 0 或180 竖屏 Andri 阅读全文

posted @ 2017-11-30 19:42 Shimily 阅读(1127) 评论(0) 推荐(0) 编辑

屏幕旋转的事件和样式

摘要：屏幕旋转的事件和样式1.事件 window.orientation，取值：正负90表示横屏模式、0和180表现为竖屏模式； window.onorientationchange = function(){ switch(window.orientation){ case -90: ... 阅读全文

posted @ 2015-11-25 15:47 Shimily 阅读(154) 评论(0) 推荐(0) 编辑

移动端web开发技巧

摘要：移动端web开发技巧热度 25已有 1439 次阅读2015-11-13 15:53 |系统分类:HTML/CSSMETA相关1. 添加到主屏后的标题（IOS）2. 启用 WebApp 全屏模式（IOS）3. 百度禁止转码通过百度手机打开网页时，百度可能会对你的网页进行转码，往你页面贴上它的广告，非... 阅读全文

posted @ 2015-11-25 14:01 Shimily 阅读(155) 评论(0) 推荐(0) 编辑

安卓手机img图片点击有边框【img蓝色边框问题】

摘要：方案一：银贤.imgs img{ width:100%; display:block; max-width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}方案二：... 阅读全文

posted @ 2015-04-29 10:13 Shimily 阅读(618) 评论(0) 推荐(0) 编辑

overflow-yscroll 卡顿问题解决 -webkit-overflow-scrolling: touch（允许独立的滚动区域和触摸回弹）

摘要：给div设置overflow-y:scroll;内容滚动时，移动端会出现卡顿现象，-webkit-overflow-scrolling: touch;可以加速设备，WebKit私有的属性“-webkit-overflow-scrolling: touch”（允许独立的滚动区域和触摸回弹） ... 阅读全文

posted @ 2015-04-28 15:13 Shimily 阅读(759) 评论(0) 推荐(0) 编辑

swiper 最后一页继续滑动跳转问题

摘要：/* * swiper初始化 */var swiper1 = new Swiper('.swiper1', { ... 阅读全文

posted @ 2015-04-27 14:02 Shimily 阅读(13893) 评论(0) 推荐(0) 编辑

常见手机屏幕尺寸

摘要：iPhone4/iPhone4s 320 * 372 / 320 * 441 (已隐藏URL与状态栏)iPhone5/iPhone5s 320 * 460 / 320 * 529 (已隐藏URL与状态栏)Note2 360 * 567 (未隐藏URL与状态栏)iP... 阅读全文

posted @ 2015-03-23 16:33 Shimily 阅读(1090) 评论(0) 推荐(0) 编辑

HTML5实现摇一摇的功能（实测后）

摘要：利用html5实现类似微信的手机摇一摇功能，并播放音乐。1、 deviceOrientation：封装了方向传感器数据的事件，可以获取手机静止状态下的方向数据，例如手机所处角度、方位、朝向等。2、 deviceMotion：封装了运动传感器数据的事件，可以获取手机运动状态下的运动加速度等数据。不多说... 阅读全文

posted @ 2014-12-04 11:10 Shimily 阅读(200) 评论(0) 推荐(0) 编辑

js 手机横竖屏事件实现

摘要：手机横、竖屏事件--判断横屏竖屏阅读全文

posted @ 2014-07-28 10:12 Shimily 阅读(1349) 评论(0) 推荐(0) 编辑