2、其次通过百分比设置宽度内容，根据宽高比16:9，计算出高度的百分比数值，设置内边距为高度的数值。
3、最后在点击设置找到内容放大缩小点击保真选项保存推出即可不失真。
可以用css3中“transform: scale()”属性对图片进行缩放。
1、新建html文档，在body标签中添加一张图片，给这张图片设置css属性，添加“tansform”缩放属性，属性值为“scaleX(n)”，scaleX(n)指的是对宽度进行缩放，n指的是缩放比例：
2、将transform的属性值改为“scaleY(n)”，scaleY(n)指的是对高度进行缩放，n指的是缩放比例：
3、将transform的属性值改为“scale(n)”，scale(n)指的是对图片的宽度和高度同时进行等比例缩放，n指的是缩放比例：
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：span {font-size: 0.8em}。
3、浏览器运行index.html页面，此时span的字体大小被设置h1字体大小的80%。
