如何设置适用于所有分辨率屏幕的图像大小?
问题描述:
如何制作像this的图像? 我的图像在较大的桌面屏幕上无法使用。 这是我对图像尺寸代码:如何设置适用于所有分辨率屏幕的图像大小?
style="width:100%;height:100%;"
答
你可以做的是,你可以给<img />
以下CSS:
position: fixed;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;
片段
img {
position: fixed;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
<img src="http://lorempixel.com/400/400" />
他们可能已经为身体标记(或任何容器标记)设置了背景图像。一旦你完成了,你可以设置'background-size:cover;'来覆盖整个div,同时保持纵横比。 (注意:这可能会剪辑部分图片以适应) – Lee