大家好，我是wawjf。这节课之后，我们基本上完成了HTML
肯定有人会想：为什么要放在边栏？因为这一期属于选修内容，引入的标签对浏览器要求较高，所以放在边栏。可以去看看上面的CSS，对接下来的CSS学习很有帮助。
在本课中，我们将讨论更复杂的图片响应：
图片另一个定义图片标签srcset设置图片文件路径媒体设置媒体查询
这次挺短的，但是内容会比较复杂。
而我们这次会以另一种形式介绍这三个标签。
PS:由于作者的浏览器也不行，只能用代码来解释。
准备：准备一个img文件放图片。
1.响应视图大小
就是根据打开网页的大小来切换不同的图片。
最小宽度表示最小宽度。
即网页宽度大于等于650px，图片为板-和平(作者自选图片)；如果宽度大于或等于450像素且小于650像素，则图片为板红色。
2. 响应视图方向
p>
响应方向就是指：如果横屏，怎样怎样，如果竖屏，怎样怎样。
orientation用来判断方向，portrait代表竖屏，landscape代表横屏。
3. 响应图片格式
图片的格式有很多种：jpg，png，webp……
我们可以用type来判断其格式
本代码判断了webp和png两种格式的图片。
好了，上面就是本期的全部内容，注意，这期不是水，因为这期算是一个补充，所以很短。
下一期我们会进行HTML实战，然后正式进入CSS。
作者：
Алексей
四五帮帮主，四五dark♂帝国元首（划掉）
喜欢HTML/CSS/JS
07年出生，福建福州人，未来的程序员
素描八级，但是还是要请美工
本来想做小程序，结果开了个公众号天天在那边写稿
wawjf
（我爱微积分）
与楼上同班同学，都是很hj的人（是的
