第 60 题：已知如下代码，如何修改才能让图片宽度为 300px ？注意下面代码不可修改。

[zeroone001]

<img src="1.jpg" style="width:480px!important;”>

[YouziXR]

max-width: 300px
不知道这样可不可以，大佬们请赐教

[frontEndJC]

max-width: 300px
transform: scale(0.625,0.625)
暂时只想到这两种

[TGuoW]

box-sizing: border-box;
padding: 0 90px;

这种也可以

[TGuoW]

比较硬核的是再加个
width: 300px !important;
把题目里的覆盖掉

[Mikerui]

padding:0 90px; box-sizing: border-box; max-width：300px

[leemotive]

来个有点局限的， 只适用于图片原始尺寸小于300的才行

<div style="display: flex;width:300px;height: 300px">
  <img src="./down.png" style="width:480px !important" />
</div>

[y1324]

获取当前dom元素，更改css样式。css属性按楼上发的改都可以。
在图片外层加一个div。样式写成 div img{background-size:100%}，也可以

[zhuzhh]

一、

zoom: 0.625 
// 300 / 480 = 0.625

二、

transform: scale(0.625)

[xbcc123]

1. <img src="1.jpg" style="width:480px!important; max-width = 300px">
2. <img src="1.jpg" style="width:480px!important; transform: scale(300/480)">

[lzcdev]

1. <img src="1.jpg" style="width:480px!important; max-width: 300px">
2. <img src="1.jpg" style="width:480px!important; transform: scale(0.625, 1);" >
3. <img src="1.jpg" style="width:480px!important; width:300px!important;">

[moziming888]

max-width可以覆盖掉!important

[nobitas]

max-width: 300px;

[zxcweb]

总结一下吧：
1.css方法
max-width:300px;覆盖其样式；
transform: scale(0.625)；按比例缩放图片；
2.js方法
document.getElementsByTagName("img")[0].setAttribute("style","width:300px!important;")

[fireairforce]

用max-width去覆盖挺好的。

[RuifangLong]

总结：
img{
/* max-width:300px /
/ transform: scale(0.625); /
/ box-sizing:border-box;
padding:90px; /
/ zoom:0.625; /
/ width:300px!important; 不可以 */

    }

除了最后的一行不可以，因为内联样式的优先级比内部样式优先级高