初始化移动端样式
2016-12-01 09:30
239 查看
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0; } a { text-decoration: none; } ul,ol { margin: 0; padding: 0; list-style: none; } img {vert-align: top;} //移动端图片边框 相当于 border:0 a, input, button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } //-webkit-tap-highlight-color:rgba(0,0,0,0);//透明度设置为0,去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android) input,textarea{outline:none} //取消chrome下默认的文本框聚焦样式 -webkit-appearance: none; //消除输入框和按钮的原生外观,在iOS上加上这个属性才能给按钮和输入框自定义样式 -webkit-user-select: none; // 禁止页面文字选择 ,此属性不继承,一般加在body上规定整个body的文字都不会自动调整 input, button { -webkit-appearance: none; border-radius: 0; } //去掉IOS移除原生控件样式 -webkit-touch-callout:none; // 禁用长按页面时的弹出菜单 body { margin: 0; -webkit-user-select: none; } //禁止移动端用户进行复制.选择. body * { -webkit-user-select: none; font-family: Helvetica; } body { -webkit-text-size-adjust: 100%; } //移动端横竖屏字体乎大乎小 -webkit-text-size-adjust: none; //禁止文字自动调整大小(默认情况下旋转设备的时候文字大小会发生变化),此属性也不继承,一般加在body上规定整个body的文字都不会自动调整
相关文章推荐
- css初始化样式以及常见css问题解决方法
- 如何让样式适应不同的移动端
- 移动端重构系列4——重置样式
- 移动端新布局样式 flexbox
- 移动端页面默认样式重置
- Flex启动与初始化流程以及如何修改预加载的样式
- BAT各大网站,样式初始化
- 移动端样式
- 为什么要初始化 CSS 样式 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。 当然,初始化样式会对 SEO 有一定的影响,但鱼
- web页面一些移动端样式属性设置
- 移动端必备的样式
- vue+vux实现移动端文件上传样式
- symfony 初始化配置时候提示 css 文件不存在等错误,界面没有样式
- 动态增加元素时初始化jquery样式实例
- 移动端 HTML5 页面常见问题 —— 样式篇
- H5面试——初始化 CSS 样式
- css设置移动端checkbox和radio样式
- select默认样式美化代码兼容移动端和pc端
- 移动端rem布局导致页面加载瞬间无样式
- CSS样式初始化