摘要：浏览器同样存在不同程度的Bug，不同浏览器在对同一个页面缩放时渲染效果会出现差异，而这种差异会严重影响到智能手机（iPhone、Android）上的视觉效果，本文将通过一个真实案例分析并解决上述问题。
阅读全文
posted @ 2011-07-25 11:03
07 2011 档案
摘要：iPhone上的safari mobile和android自带的浏览器都是基于webkit内核的。这两天想到网站需要一个针对智能手机分辨率的版本，于是开始研究相关的资料。前面两篇文章写到了如何通过userAgent来判断设备类型和浏览器内核，通过这些足够判断出哪些是iphone或者android浏览器了，但是即便同种设备浏览器也存在分辨率不同的问题，这个该如何处理呢？首先想到的就是用js检测（screen.width*screen.height），事实证明有问题：1、iphone4上的safari mobile结果竟然是320*480！要是前3代也就正常了，可iphone4明明是640*960
阅读全文
posted @ 2011-07-22 17:09
摘要：前文《Web开发兼容性系列文章（一）：不同设备浏览器的userAgent值大全》罗列了常用电脑浏览器及智能手机浏览器的userAgent值这里对浏览器各自的userAgent特点做一分析，并给出判断方法：Windows操作系统浏览器系列：IE浏览器系列：特征表现：均以 "mozilla/" 开头，"msie x.0;" 中的x表示其版本；判断方法：粗略判断可以只检索"msie x.0;" 字符串即可，严格判断可检索 "mozilla/x.0 (compatibal; msie x.0; windows nt"，不过
阅读全文
posted @ 2011-07-22 15:42
摘要：最近在使用jQuery进行网站产品开发，涉及到浏览器兼容性问题比较多，于是决定集中整理一下：这里使用了js的alert(navigator.userAgent.toLowerCase());方式获取浏览器的userAgent信息：为了直观起见，直接把截图放上来吧：IE6IE7IE8IE9FirefoxChromeOperaSafariAndroid自带浏览器Android版Opera MobileAndroid版FirefoxiPhone自带SafariiPhone版Opera Mobile暂时就只罗列了Windows、Android、iPhone平台上面的这么多，Linux、Mac OS、W
阅读全文
posted @ 2011-07-22 12:37
