css技巧

H5页面有个很蛋疼的问题就是,当输入框最底部,点击软键盘后输入框会被遮挡。
//可采用如下方式解决
var oHeight= (window).resize(function(){
if(("#footer").css("position","static");
}else{
( 禁止 iOS 识别长串数字为电话 禁止 iOS 弹出各种操作窗口 -webkit-touch-callout:none 在ios和andriod中,audio元素和video元素无法自动播放 //解决方案:触屏即播">('html').one('touchstart',function(){ audio.play()})
ios下取消input在输入的时候英文首字母的默认大写

顶部状态栏背景色

说明:除非你先使用apple-mobile-web-app-capable指定全屏模式,否则这个meta标签不会起任何作用。
如果content设置为default,则状态栏正常显示。
如果设置为blank,则状态栏会有一个黑色的背景。
如果设置为blank-translucent,则状态栏显示为黑色半透明。
如果设置为default或blank,则页面显示在状态栏的下方,即状态栏占据上方部分,页面占据下方部分,二者没有遮挡对方或被遮挡。
如果设置为blank-translucent,则页面会充满屏幕,其中页面顶部会被状态栏遮盖住(会覆盖页面20px高度,而iphone4和itouch4的Retina屏幕为40px)。
默认值是default。

你可能感兴趣的:(css技巧)