随笔分类 -  移动端

移动小bug
摘要：1.在三星note2，小米2，页面加载后，页面有黑块.那么提高被盖住的部分z-index。2.iphone5 ，ios7.0.4，上文字显示不出那么就先hide，setTimeout几百毫秒再show 阅读全文
posted @ 2015-03-23 11:10 净静竞——小晴 阅读(129) 评论(0) 推荐(0)
a链接bug
摘要：在ios系统中(android显示正常)，微信内页打开链接后，点击页面的一个按钮，页面被重新加载了，这时才可以对页面进行其它操作。解决方案：javascript:void(0)链接无返回值 阅读全文
posted @ 2015-03-18 17:53 净静竞——小晴 阅读(104) 评论(0) 推荐(0)
去除a标签链接触摸时产生边框
摘要：排除误解网络资料说这个属性只用于iOS(iPhone和iPad)，其实是错误的，android手机大部分也是支持的，只是显示效果不一样，移动开发并不成熟，更多的还需要大家去实践来辨别真伪- --webkit-tap-highlight-color用法webkit内核的浏览器，当用户点击一个链接或者通... 阅读全文
posted @ 2015-03-18 17:46 净静竞——小晴 阅读(249) 评论(0) 推荐(0)
分辨率
摘要：屏幕分辨率一般是这样的。然后做响应式的时候，需要考虑的是1024 * 768、768 * 1280、640 * 960、320 * 480的分辨率，其他的都不怎么考虑。1024 * 768 是一般电脑屏幕分辨率；768 * 1280是平板横着时的分辨率640 * 960是平板竖着时的分辨率320 *... 阅读全文
posted @ 2015-03-16 13:53 净静竞——小晴 阅读(130) 评论(0) 推荐(0)
兼容不同型号手机
摘要：在网页中，pixel与point比值称为device-pixel-ratio，普通设备都是1，iPhone 4是2，有些Android机型是1.5。那么-webkit-min-device-pixel-ratio:2可以用来区分iphone(4/4s/5)和其它的手机；iPhone4/4s的分辨率为... 阅读全文
posted @ 2015-03-16 13:52 净静竞——小晴 阅读(243) 评论(0) 推荐(0)
webkit的几个属性
摘要：-webkit-text-size-adjust1、当样式表里font-size<12px时，中文版chrome浏览器里字体显示仍为12px，这时可以用 html{-webkit-text-size-adjust:none;}2、-webkit-text-size-adjust放在body上会导致页... 阅读全文
posted @ 2015-03-13 14:40 净静竞——小晴 阅读(639) 评论(0) 推荐(0)
解决iphone横屏时字体变大问题或者内容大小不一样等...
摘要：前提修改文档声明，如有疑问，请看文章手机web2.0网页文档属性@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}@media screen and (max-device-width: 4... 阅读全文
posted @ 2015-03-03 11:28 净静竞——小晴 阅读(445) 评论(0) 推荐(0)
Media Queries详解
摘要：iPhone4上面的样式是专门针对iPhone4的移动设备写的。Pad 在大数情况下，移动设备iPad上的Safari和在iPhone上的是相同的，只是他们不同之处是iPad声明了不同的方向，比如说 上面的例子，在纵向(portrait)时采用portrait.css来渲染页面；在横向（landsc... 阅读全文
posted @ 2015-03-03 11:25 净静竞——小晴 阅读(134) 评论(0) 推荐(0)
浅谈移动Web开发（上）：深入概念
摘要：PPI什么是PPIPPI的复杂之处在于如果他所属的上下文环境不同，意义也会完全不一样。 当我们在谈论显示设备的PPI时，它代指的屏幕的像素密度；当我们在谈论和图片相关时，我们谈论的是打印时的分辨率或者打印机的打印精度。这里我们主要描述的前一种情况.PPI全称为Pixel Per Inch，译为每英寸... 阅读全文
posted @ 2015-02-28 17:53 净静竞——小晴 阅读(236) 评论(0) 推荐(0)