移动端的样式重置
来源:互联网 发布:大数据的意义和作用 编辑:程序博客网 时间:2024/05/16 14:16
1、连接点击的时候默认有一个背景
-webkit-tap-highlight-color: rgba(0,0,0,0);
2、按钮在ios下都是圆角
-webkit-appearance: none; //消除输入框和按钮的默认外观
border-radius: 0;
3、每台设备里的默认字体是不一样的(移动端设备里大部分没有宋体与微软雅黑字体)
font-family: helvetica;
4、切换横竖屏或者用户自己通过浏览器设置的话,可以改变字体的大小(需要给body下的所有元素)
-webkit-text-size-adjust: 100%;
5、长按文字ios下会选中文字,安卓无效
-webkit-user-select: none;
8.设置span背景
-webkit-tap-highlight-color: rgba(0,0,0,0);
2、按钮在ios下都是圆角
-webkit-appearance: none; //消除输入框和按钮的默认外观
border-radius: 0;
3、每台设备里的默认字体是不一样的(移动端设备里大部分没有宋体与微软雅黑字体)
font-family: helvetica;
4、切换横竖屏或者用户自己通过浏览器设置的话,可以改变字体的大小(需要给body下的所有元素)
-webkit-text-size-adjust: 100%;
5、长按文字ios下会选中文字,安卓无效
-webkit-user-select: none;
6、固定定位在一些ios低版本中不兼容,以及一些国产手机里也不兼容
7、webView 设置电话号
webV.dataDetectorTypes=NO;
8.设置span背景
.codeView .span{ display: inline-block; width: 100px; height: 100px; background: url("company_code.jpg"); background-size: 100px 100px; }
阅读全文
0 0
- 移动端的样式重置
- 移动端样式重置
- 移动端样式重置代码
- PC和移动端的CSS重置样式表
- 移动端页面默认样式重置
- pc和移动端默认样式重置
- 关于select样式重置和移动端网页添加meta标签的问题
- 移动端(web app)默认样式重置汇总
- 移动端小结_meta设置与移动端页面样式重置
- 移动端css重置
- PC端CSS样式重置
- 样式重置
- meyerweb 的重置样式表代码
- 一些元素的css样式重置
- HTML中CSS样式的重置
- 移动端常用的css样式
- 移动端常见的文本框输入样式
- 移动端css样式的心得
- 阿里云的ECS云服务器配置https加密访问
- JVM 调优工具及事例
- POJ-2104(主席树)
- Spring bean 通过实现 InitializingBean ,DisposableBean 接口实现初始化方法和销毁前操作
- vue项目创建
- 移动端的样式重置
- react jsx语法
- A*算法:Dijkstra改进算法
- hdu 6130 Kolakoski
- 算法学习之排序算法的C++实现——冒泡排序
- Android 获取设备唯一编号
- Spring框架-AOP
- Python执行命令行命令并获取输出
- bzoj1725 [USACO2006NOV]Corn Fields牧场的安排(状压dp)