我已将这些行写入 HTML 文件中,以便在方向更改时更改图片。
<picture>
<source media="all and (orientation: landscape)" srcset="images/images/images_of_teaching/futas_running_720w.jpg 720w, images/images/images_of_teaching/futas_running_1080w.jpg 1080w">
<source media="all and (orientation: portrait)" srcset="images/images/images_of_teaching/iras_writing_720w.jpg 720w, images/images/images_of_teaching/iras_writing_1080w.jpg 1080w">
</picture>
但是它不起作用。你能帮我一下吗?
谢谢
最佳答案
确保在图片标签内指定 img 标签:
<picture>
<source media="all and (orientation: landscape)" srcset="your image">
<source media="all and (orientation: portrait)" srcset="your-other image">
<img src="your-main-image.extension" alt= "Your image quick description"/>
</picture>
关于HTML5图片和源元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35040662/