DIV+CSS教程

移动端开发小记

2017-11-11

◎ 简介：1.在点击a标签的时候，安卓的手机会有蓝色底，苹果的机子会有灰色底a { -webkit-tap-highlight-color:rgba(255,255,255,0); }2.禁止页面上的文字选中功能[html]-webkit-user-se

1.在点击a标签的时候，安卓的手机会有蓝色底，苹果的机子会有灰色底

a { -webkit-tap-highlight-color:rgba(255,255,255,0); }

2.禁止页面上的文字选中功能

[html]

-webkit-user-select:none;

4.苹果手机上面，input控件会有默认的样式

[html]

input[type="button"]{-webkit-appearance:none;/*去除input默认样式*//*border-radius:0px;*/}

5.在iphone中，在手机改为横屏模式的时候，字体会默认变大

解决:

/*禁止IOS横屏的时候字体变大*/

-webkit-text-size-adjust: none;

6.在用到<div><img src="" /></div>这个结构的时候，就是用块级元素包住img的时候，会出现div高度大于img的情况，就是有点高度不知道怎么来的

解决:img{display:block;};

7、video默认控制器隐藏

video::-webkit-media-controls-enclosure { display:none!important;}