用于纵向方向的CSS img srcset媒体查询

Question

我有两张图片，一张是横向方向，一幅是肖像。

使用<picture>，我可以使用标准媒体查询，但Safari不支持<picture>，因此我想使用<img srcset>。我找不到任何信息，如何为srcset中的任何设备添加纵向方向。

任何帮助？

Answer 1

您不能将srcset用于艺术指导。请改用<picture>和picturefill。

Answer 2

safari现在支持。这是用于在纵向和横向模式下显示不同图像的代码。

sending incremental file list

sent 9,175,105 bytes  received 233,581 bytes  226,715.33 bytes/sec
total size is 50,123,296,242  speedup is 5,327.34
sending incremental file list
./
IO error encountered -- skipping file deletion

sent 80 bytes  received 69 bytes  99.33 bytes/sec
total size is 0  speedup is 0.00