2020-06-01 html的video标签 + css块级元素响应式缩放 + JSBridge + 国内外网站风格比较

# 2020-06-01 题目来源：http://www.h-camel.com/index.html

# [html] html5的video如何附带字幕？
    

        

            
        

    

    
    解析：利用padding-top来撑起元素的高度，此时content元素被挤到下方，改变content的定位方式为absolute；
         父级元素会存在高度塌陷，需要清除浮动，迫使父级重新检查内部的子元素，发现是absolute就撑开高度。

    2. padding-bottom
        #colorBlock {
            padding-bottom: 60%; /* 5:3显示，可修改为其他比例 */
            width: 100%;
            height: 0;
            background: red;
        }

# [js] 说说你对JSBridge的理解 
    https://zhuanlan.zhihu.com/p/32899522

# [软技能] 对于网站的风格，你能说说在国内与国外的区别有哪些 

    1. 对于网站的理解：
    国内： 电商平台或网络营销工具； 
    国外： 一种传播沟通工具，类似报纸杂志，更简便。
    2. 谁是网站设计师
    国内： 只有那些画出漂亮界面的专业人士才配得上 设计
    国外： 参与工作的任何人，视觉设计、交互设计、页面架构 --- Designer，设计包含项目的方方面面。
    3. 设计网站目标
    国内： 吸引人眼球，鹤立鸡群
    国外： 节约浏览者时间，聪明且有效
    4. 网站制作的优劣
    国内： 是否美观、大气、科技、国际化
    国外： 严格按照每项指标工作

    总结： 国内网站风格 -- 文字多 图片多； 国外网站风格 -- 干净、整洁