1001 B
1001 B
id, title, challengeType, videoUrl, forumTopicId
| id | title | challengeType | videoUrl | forumTopicId |
|---|---|---|---|---|
| bad87fee1348bd9acdf08812 | 调整图片的大小 | 0 | https://scrimba.com/c/cM9MmCP | 18282 |
--description--
CSS 的width属性可以控制元素的宽度。图片的width宽度类似于字体的px（像素)值。
假如，你想创建一个叫larger-image的 CSS class 来控制 HTML 元素的宽度为 500px，我们可以这样做：
<style>
.larger-image {
width: 500px;
}
</style>
--instructions--
创建一个smaller-image的 CSS class，设置图片的宽度为 100px。
注意：
由于不同浏览器的差异性，你可能需要将浏览器缩放到 100% 来通过该挑战。
--hints--
img元素应该含有smaller-image class。
assert(
$("img[src='https://bit.ly/fcc-relaxing-cat']").attr('class') ===
'smaller-image'
);
图片宽度应为 100px（像素），且浏览器缩放应为默认 100%。
assert($('img').width() === 100);