天做一个功能在ipad设备上滚动条无法滚动,于是百度了下,在需要产生滚动的div上面加入以下css(-webkit-overflow-scrolling:touch,overfolw:scroll),这样ipad是已经解决了,但是在电脑上面产生了两个滚动条,于是加了一个判断是否属于移动设备访问,如果是就给相对应的元素加上以上属性. if (navigator.userAgent.match(/mobile/i)) {//判断是否是移动设备overflow:scroll jQuery('#elem
版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/iefreer/article/details/24210391 使用meta tag "viewport" viewport标签包括例如以下属性: 属性 缺省值 最小值 最大值 width 980 200 10000 height based on aspect ratio 223 10000 inital-scale fit to screen minimum-scale maximu
CSS3 Media Queries的介绍在W3CPlus上的介绍已有好几篇文章了,但自己碰到的问题与解决的文章还是相对的较少.前几天在<修复iPhone上submit按钮bug>上介绍了修复form中sumit按钮的bug.同一个项目,为了实现iPhone和iPad横板与竖板的风格,让我还是头疼了一翻. 一开始按照CSS3 Media Queries模板中的介绍来运用,虽然帮我解决了iPad的横板与竖板的风格渲染问题,但在iPhone4上还是存在问题的.后来结过网上的查找,总算是问题解决了,