如何在屏幕上拉伸标题

Question

我有横幅图像，可以拉伸屏幕。我被告知最好的 拉伸的方法是以适当的宽度加载图像。所以不是这样 意味着您需要使用JavaScript来检测屏幕分辨率然后加载适当的图像？但JS可能会被禁用。还有其他选择吗？

Answer 1

以百分比设置图像宽度。请注意，实际百分比将与img的父容器相关。

Answer 2

您可以使用纯CSS执行此操作。

img.banner {position:absolute; z-index:1; width:100%; height:100%;}

Here是stu nicholls的演示。