移动端笔记

阅读更多

   
//禁止复制，选中文本
Element {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
     user-select: none;
}


//长时间按页面闪退
element {
    -webkit-touch-callout: none;
}


//iphone下输入框默认内阴影
Element{
    -webkit-appearance: none;
}


//旋转屏幕时字体大小问题
*{
   -webkit-text-size-adjust:100%; 
}


//设置缓存
   
  不希使用缓存可以设置no-cache。


//桌面图标问题
   
   
   
   






[color=darkblue]
//浏览器私有及其它meta
    QQ浏览器私有
        全屏模式   
        强制竖屏   
        强制横屏   
        应用模式   
    UC浏览器私有
        全屏模式   
        强制竖屏   
        强制横屏   
        应用模式   


//移动端背景无法固定
在移动端制作固定背景时（利用fixed）会出现滚动条滚动时，背景图会跟着滚动，下面的方案可以解决这个问题：
body:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(...) center 0 no-repeat;
  background-size: cover;
}


//border-radius
border-radius设置为奇数时，在pc上是圆的，在手机上是不圆的，所以在制作的时候，将border-radius制作成偶数值。
//圆的
width:8px;
height:8px;
border-radius:50%;

//不圆的
width:9px;
height:9px;
border-radius:50%;

//IOS中input键盘事件keyup、keydown、keypress支持不是很好
    问题是这样的，用input search做模糊搜索的时候，在键盘里面输入关键词，会通过ajax后台查询，然后返回数据，然后再对返回的数据进行关键词标红。用input监听键盘keyup事件，在安卓手机浏览器中是可以的，但是在ios手机浏览器中变红很慢，用输入法输入之后，并未立刻相应keyup事件，只有在通过删除之后才能相应！
    解决方法：可以用html5的oninput事件去代替keyup[/size][/size]


错误联系邮箱：[email protected]