根据自己的使用习惯可以添加一些基础样式

html { font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
body { margin: 0; font-size: 1.4rem; line-height: 1.5; color: #333333; background-color: white; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; }article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
svg:not(:root) { overflow: hidden; }a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #0088cc; }
a:active { outline: 0; }
a:active { color: #006699; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; vertical-align: middle; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }html, button, input, select, textarea { font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none outside none; }
h1, h2, h3 { line-height: 2; font-weight: normal; }
h1 { font-size: 1.8rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.4rem; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; }* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

补充:

font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;

IOS

iOS 4.0+ 使用英文字体 Helvetica Neue,之前的iOS版本降级使用 Helvetica,中文字体设置为华文黑体STHeiTi。

Android

原生Android下中文字体与英文字体都选择默认的无衬线字体,4.0之前版本英文字体原生Android使用的是Droid Sans,中文字体原生Android会命中Droid Sans Fallback,4.0+ 中英文字体都会使用原生Android新的Roboto字体。其他第三方Android系统也一致选择默认的无衬线字体。

最后加上Arial字体方便pc端查看效果。

出处:http://www.w3cplus.com/mobile/mobile-terminal-refactoring-reset-style.html

转载于:https://www.cnblogs.com/Naomi-love/p/5979950.html

课时2 一些默认样式相关推荐

  1. Android UI 统一修改Button控件的样式,以及其它系统控件的默认样式

    先介绍下修改原理:首先打开位于android.widget包下面的Button.java文件,这里有一句关键的代码如下: public Button(Context context, Attribut ...

  2. element ui需要引入样式吗_ElementUI 修改默认样式的几种办法

    ElementUI 是一套ui组件库,目前最新版本 react 和 vue 等主流框架都有支持.该库默认主题色是天蓝色,若用于项目开发,难免遇到要需求修改其默认样式的情况,本文就基于 react 和 ...

  3. CSS之布局(默认样式)

    默认样式: <!DOCTYPE html> <html><head><meta charset="UTF-8"><title& ...

  4. input 默认样式的修改

    /* 修改input选中的默认边框样式 */ outline: none; /* 修改input的选中时的光标颜色 */ caret-color:red; /* 修改input的选中时的默认边框 */ ...

  5. Python可视化matplotlib自定义:运行时参数修改、自定义样式、默认样式+plt.style.use()

    Python可视化matplotlib自定义:运行时参数修改.自定义样式.默认样式+plt.style.use() 目录 Python可视化matplotlib自定义:运行时参数修改.自定义样式.默认 ...

  6. Flex警告:framework.swc”具有默认样式并且在 library-path 中,表...

    2019独角兽企业重金招聘Python工程师标准>>> 错误描述:    首先要提醒你的是不要小看Flex中的警告,Flex中的警告和java中不一样,有些警告可能是致命的,以至于你 ...

  7. input[type=checkbox] ; input[type=radio] 改变默认样式

    /*改变checkbox 默认样式*/input[type="checkbox"] { -webkit-appearance: none; /*清除复选框默认样式*/ height ...

  8. Cannot read property 'nodeType' of null; audio元素默认样式下载按钮

    1.chrome-->console抛出如下错误: Uncaught TypeError: Cannot read property 'nodeType' of null 错误原因:从stack ...

  9. css修改select下拉列表的默认样式

    select的一些默认样式我们很难修改,比如图标的替换.接下来就说说如何修改这些默认样式: html代码: <div><select name=""> &l ...

  10. 怎么覆盖默认样式_PPT办公技巧:3种办法快速统一幻灯片中不同形状的显示样式...

    应用场景 下图幻灯片中第一排为插入流程图形状"过程""数据""终止"时的默认样式,默认样式中形状填充色为蓝色,形状内文字为等线18号.如果我 ...

最新文章

  1. java 自然语言处理_Java自然语言处理
  2. 三周写出高性能的Python代码,这些小技巧你值得一试。
  3. 贝索斯:亚马逊正探讨人脸识别如何监管
  4. 水冷超算平台落地北大,联想赋能行业智能化变革
  5. 使用Xpand XAF创建项目产生Quartz错误的解决方法
  6. Celery--分布式任务队列
  7. Boosting for PRML
  8. nested exception is java.lang.NoClassDefFoundError: javax/xml/bind/JAXBException
  9. php txt,PHP规范TXT文件
  10. vscode解决java无法输入(scanner)问题
  11. shell看java控制台_java - 为什么我的shell脚本的输出不能打印在控制台? - SO中文参考 - www.soinside.com...
  12. linux 文件与目录操作
  13. Pattern Recognition and Machine Learning(模式识别与机器学习)第一章导读
  14. C语言汉诺塔递归算法实现
  15. 山西台达plc可编程控制器_可编程控制器(PLC)故障的常见原因及处理方法
  16. IE地址栏发生改变,页面没有刷新而保留在原页面的解决方法
  17. Nature | 基于细菌构建具有类真核细胞结构和功能的人工细胞
  18. 管理员必备的20个Linux系统监控工具
  19. 【英语-同义词汇词组】common,general,normal,ordinary,usual | often 与 usually的用法及区别
  20. 关于js延迟加载的几种方法

热门文章

  1. OCR+NLP 提取信息并分析,这个开源项目火了!
  2. 【小知识】Softmax函数与交叉熵
  3. 【Loss】深度学习的多个loss如何平衡?
  4. 【比赛】计算机领域有哪些常见的比赛
  5. Leetcode—5.n sum 问题python解答
  6. PyTorch中在反向传播前为什么要手动将梯度清零?
  7. Spark 和 Hadoop MapReduce 对比
  8. 张亚勤新作《变革中的思索》谈高科技人才管理
  9. python中变量的生命周期
  10. numpy教程:逻辑函数Logic functions