我一直在做前端工作，但是从来没有开发过平板项目。想想都觉得可惜。众所周知，新公司的第二个项目就是适配平板电脑。一开始，我很懵。在兼容性方面，我觉得这是我的缺点。好在这个版本只需要兼容iOS系统即可。那我现在说说在开发iOSh5项目时可能遇到的误区（我知道很好，但是写出来也是为了加深对自己的印象）-iosproprietarymeta...列出常用的，其他时候可以百度，不要没想到引入禁止屏幕缩放，万事大吉，这个只针对谷歌浏览器，如果要兼容苹果自家的Safari，需要写如下代码window.onload=function(){document.addEventListener('touchstart',function(event){if(event.touches.length>1){event.preventDefault();}})varlastTouchEnd=0;document.addEventListener('touchend',function(event){varnow=(newDate()).getTime();if(now-lastTouchEnd<=300){event.preventDefault();}lastTouchEnd=now;},false)}-按钮、输入、t需要禁止触发extarea时的灰色背景块（高亮显示）。毕竟要还原设计稿，这是要加上这些属性-webkit-appearance:none;大纲：无；-webkit-tap-highlight-color:rgb(0,0,0,0);透明度需要为0-webkit-user-modify:read-write-plaintext-only;-如果在需要滚动的块中添加页面滚动效果如果添加overflow:auto;这种风格肯定会发现滚动效果不是很流畅。这时候需要在body上添加一个样式overflow-x:hidden;实现它的方法不止一种。您还可以将webkit-overflow-scrolling添加到快速滚动中：touch；
