deg是CSS中的一个角度单位，表示度（Degress），一个圆共360度。
在CSS中角度单位有：度（deg）、梯度（grad）、弧度（rad）。无论如何声明，这些值都会解释为0~360范围内的度数，如：-90deg=270deg。
各角度值之间的转换：
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
扩展资料
deg.r是冉肯式温标，具体如下：
摄氏温标（Celsius scale，Centigrade scale）：以水的冰点为0deg.C，正常沸点为100deg.C，中间分成100等分，每一等分为1deg.C。
华氏温标（Fahrenheit scale）：以水的冰点为32deg.F，正常沸点为212deg.F，中间分成180等分，每一等分为1deg.F。
凯耳文温标（Kelvin scale）：以水的冰点为273.15K，正常沸点为373.15K，中间分成100等分，每一等分为1K。
冉肯氏温标（Rankine scale）：以水的冰点为491.67deg.R，正常沸点为671.67deg.R，中间分成180等分，每一等分为1deg.R。
列氏温标（Réaumur scale）：以水的冰点为0deg.R’，正常沸点为80deg.R’，中间分成80等分，每一等分为1deg.R’,列氏温标常用於酒精工业。
你这个不同度数是宽度还是高度?显示图片不失真（在最大宽度范围内）：只设置宽度或只设置高度，图片会根据宽度等比例缩放图片高度，得到的图片宽：高=1:1；
图片：宽500px 高500px（调整宽或者高小于500p图片都不会失真）
<img style = 'width: 200px'/>=>图片显示大小：宽200px，高200px（等比例缩放）
<img style = 'height: 200px'/>=>图片显示大小：高200px，宽200px（等比例缩放）
显示图片可能会失真：宽度和高度超过最大宽度和高度，图片调整时与原图的比例不等于1:1；即，同时调整宽和高，使得原来高度：原来宽度 != 实际高度：实际宽度
图片：宽500px 高500px
<img style = 'width: 200pxheight: 300px'/>=>高度拉伸
<img style = 'width: 300pxheight: 200px'/>=>宽度拉伸
<img style = 'width: 300pxheight: 300px'/>=>等比缩小（不会失真）
<img style = 'width:700pxheight: 700px'/>=>等比增大（可能会失真）
