虽然您可以通过简单地调整背景图像的大小来适应孔来逃脱，但是有时候它根本不起作用-例如，主图像主题位置错误或完全无法拍摄，留下令人困惑的图像。
通常，在这种情况下，我只是创建另一个版本-可能是纵向版本也可以是横向版本，然后使用媒体查询来提供正确的图像。
当您只处理单个图像时，这可以正常工作。
类似地，当我拥有动态图像（使用相同布局模板的多个页面）时，可以动态将图像URL添加为背景图像或图像元素。 （我使用Asp.Net添加属性）
但是，我现在需要能够将这两件事结合在一起-每页使用不同的背景图像，并可能取决于屏幕大小而使用一个以上版本的图像。
因此，由于图像是动态的，因此代码位于html而不是样式表中。
但是如何显示使用媒体查询的替代方法？
目前，我想不出一种将这两个要求结合在一起的方法。
任何想法表示赞赏。