1.display属性提供了一个webkit-box的值,它可以帮助前端工程师做到盒子模型灵活控制。
2、如何关闭iOS中键盘自动大写
我们知道在iOS中,当虚拟键盘弹出时,默认情况下键盘是开启首字母大写的功能的,根据某些业务场景,可能我们需要关闭这个功能,移动版本webkit为input元素提供了autocapitalize属性,通过指定autocapitalize=”off”来关闭键盘默认首字母大写。
6、iOS中如何禁止用户保存图片\复制图片
我们在第13条技巧中提到元素的-webkit-touch-callout属性,同样为一个img标签指定-webkit-touch-callout:none;也会禁止设备弹出列表按钮,这样用户就无法保存\复制你的图片了。
7、iOS中如何获取滚动条的值
桌面浏览器中想要获取滚动条的值是通过document.scrollTop和document.scrollLeft得到的,但在iOS中你会发现这两个属性是未定义的,为什么呢?因为在iOS中没有滚动条的概念,在Android中通过这两个属性可以正常获取到滚动条的值,那么在iOS中我们该如何获取滚动条的值呢?
通过window.scrollY和window.scrollX我们可以得到当前窗口的y轴和x轴滚动条的值。
8.移动端头部代码
9.h5 开发页面在ios下面卡顿的问题 在样式里面加上 ,要在body里面加,div里面不生效。
-webkit-overflow-scrolling: touch
10.手机端提交表单成功之后最好将页面的光标去掉
11.手机端放置多次提交最好自定义变量来控制提交,不要使用页面的dom元素的相关东西。
12.设置input placeholder的字体大小颜色
input::-webkit-input-placeholder
{
color: #d2d2d2;
font-size: 0.14rem;
}
清除苹果手机input,select自带样式
input,select{-webkit-appearance:none;
border-radius:0px;}
13.点击事件出现蓝色区域块问题的解决方式
-webkit-tap-highlight-color:rgba(0,0,0,0)