css技巧

H5页面有个很蛋疼的问题就是,当输入框最底部,点击软键盘后输入框会被遮挡。
//可采用如下方式解决
var oHeight= (document).height(); // 浏览器当前的高度(window).resize(function(){
if((document).height() < oHeight){("#footer").css("position","static");
}else{
("#footer").css("position","absolute"); } }); 不让 Android 手机识别邮箱 <meta content="email=no" name="format-detection" /> 禁止 iOS 识别长串数字为电话 <meta content="telephone=no" name="format-detection" /> 禁止 iOS 弹出各种操作窗口 -webkit-touch-callout:none 在ios和andriod中,audio元素和video元素无法自动播放 //解决方案:触屏即播('html').one('touchstart',function(){ audio.play()})
ios下取消input在输入的时候英文首字母的默认大写
<input autocapitalize="off" autocorrect="off" />
顶部状态栏背景色
<meta name="apple-mobile-web-app-status-bar-style"content="black"/>
说明:除非你先使用apple-mobile-web-app-capable指定全屏模式,否则这个meta标签不会起任何作用。
如果content设置为default,则状态栏正常显示。
如果设置为blank,则状态栏会有一个黑色的背景。
如果设置为blank-translucent,则状态栏显示为黑色半透明。
如果设置为default或blank,则页面显示在状态栏的下方,即状态栏占据上方部分,页面占据下方部分,二者没有遮挡对方或被遮挡。
如果设置为blank-translucent,则页面会充满屏幕,其中页面顶部会被状态栏遮盖住(会覆盖页面20px高度,而iphone4和itouch4的Retina屏幕为40px)。
默认值是default。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.定位 1.1 定位基础 需要定位的原因:1.当需要某个元素自由的在盒子内移动位置,并且压住其他盒子时。2.当滚...
    OohMuYi阅读 3,860评论 0 0
  • 【本文会持续更新!】 1、color 影响 border-color 当只设置元素的边框宽度和样式时,边框的颜色会...
    西山以南阅读 6,130评论 0 5
  • "display"属性 display 是CSS中最重要的用于控制布局的属性。每个元素都有一个默认的 displa...
    PYFang阅读 2,682评论 0 0
  • 一、如何调试 IE 浏览器1、IE7以上版本的浏览器自带开发者工具,可以直接设置进行调试。 五、reset.css...
    崔敏嫣阅读 3,301评论 0 1
  • 1. 禁止鼠标双击选中文本 2. 自定义li样式 3. IE条件注释 4. 图片base64表示法 编写插件需要使...
    blurooo阅读 7,510评论 16 119

友情链接更多精彩内容