css3中一些样式，最标准最权威最专业的兼容通用写法，总结积累（0）

背景：一直以来写样式，都比较随意，在小项目，自然没有问题，但在严格条件下呢？扪心自问，不敢拍着胸脯保证，就像万丈高楼，一旦项目大，复杂，多少都担心出问题，因此还是得有个尽可能标准的权威，专业写法，防范这些风险，尽可能让自己，让他人信服。

第一部分：字体样式设置写法

   

body{
    -webkit-font-smoothing: antialiased;
    font-family: 12px/1.5 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', '\5B8B\4F53', sans-serif;
    color: #666;
}

  京东,淘宝都有类似样式
 tahoma   大河马字体，Tahoma为Windows操作系统的英文默认字型。Tahoma是种非常圆滑的字体。这个字体比较均衡，中英文混排显示时，不会出现中英文不对齐的状态。

arial   是一套随同多套微软应用软件所分发的无衬线体TrueType字型

sans-serif    表示是无衬线字体，是一种通用字体族。

"\5b8b\4f53″ 就是 “宋体”。用 unicode 表示，不用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法。注释乱码：强烈建议不要用中文注释。font-family:’宋体’
 字体逗号依次隔开，是没有，就下一个字体替代，

-webkit-font-smoothing: antialiased;

这是让字体清晰写法，

 

第二部分：元标签meta一些通用写法，

这里可以写initial-scale=0.5，maximum-scale=0.5，个人看了很多网站，多数是采用1.0，
 

第三部分：弹性盒子布局flex写法

https://www.w3cschool.cn/css3/

备注：以下写法依据，参照大疆，小牛等网站，本想参考京东，淘宝，百度，微博，但无奈仍然采用传统布局方式，并且依据www.w3cschool.cn/css3，个人以为可以令人信服，如有其它信服的写法，欢迎交流。

https://www.w3cschool.cn/css3/

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mixins

关于容器相关属性写法：

     父容器声明兼容写法：
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

     子元素分配写法：
        flex-grow: 1;
	    /*此为主，但重点是不支持safari9 和ie11以下*/
	-webkit-box-flex: 1;
	   /*不支持ie,fox，重点是safari9以下非有它不可，*/
        -ms-flex-positive: 1;
	   /*仅仅支持ie10以上，重点是ie10中非它不可*/

实际上关于flexbox兼容写法，相当复杂，很难将所有浏览器，所有版本兼容，也毫无必要，唯一能做的就是尽量参考一些大网站的兼容写法，

以上主要参考大疆官网布局，兼容写法，研究几天，仍然没有完全彻底理解关于以上每个兼容写法，缘由，网上也并没有查到相关内容，只好先写下来

这是开篇，关于,其他属性兼容，写法，今后再慢慢积累，