Question

首先，我想提一下，没有与此代码相关的CSS / HTML，它直接转到<body>

图像本身我使用z-index和指针效果放置在页面上的每一位内容：无，我试图实现的是使图像正确缩放，屏幕分辨率基于高度仍然覆盖屏幕（如果有一些被切断，对我来说无关紧要），但无论我尝试什么，整个图像都会自行调整大小以适应

代码：

<div style="position:fixed;
float:left;
z-index:99999999;
bottom:0px;
left:0px;
pointer-events:none;">
<img src="http://www.millport.org/wp-content/uploads/2013/05/Flower-festival.jpg"  width="100%" height="100%"></div>
<div id ="over"></div>

http://jsfiddle.net/ZnraF/1/

删除width="100%"只会导致整个图片恢复原始大小，而热门的background-size: cover;代码不执行任何操作，只影响背景图片本身。

http://i.stack.imgur.com/HLJBQ.png＆lt; - 我假设有可能这样做，有没有人有任何建议？（注意，我实际上使用的图像通常比花朵图像更宽更大。）

Answer 1

如果您想要做的是无论分辨率如何都保持图像大小相同，请尝试更改图像代码：

<img 
src="http://www.millport.org/wp-content/uploads/2013/05/Flower-festival.jpg"  style="width:100px; height:100px"/>

只需将px值更改为宽度和高度的所需像素。

防止图像宽度根据屏幕分辨率调整大小

1 个答案: