如何基于窗口分辨率自动调整图像大小

时间:2017-03-13 04:27:01

标签: html css image resize

当我尝试根据不同的分辨率调整图像大小时,我目前遇到了问题。我尝试实现的输出类似于:http://jaxboxtech.com

以下是我的代码:

<html>
       <body>
          <div>                
             <button>Efficiency</button>               
             <button>Power Metering</button>                                            
        </div> 

           <div id="img">               

             <img src='image.png' alt="" />

        </div>  

      </body>
   </html>
const cors = require('cors')({origin: true});

不幸的是,它无法根据浏览器自动调整大小。请告知我这个代码的哪一部分我做错了。非常感谢你。

1 个答案:

答案 0 :(得分:0)

如果您想根据div尺寸调整图片大小,请将图片用作div背景并从代码中删除图片代码。(您的示例就是这样)

如果您不想调整图片大小,请使用图片代码并从中删除background属性。