html - 将图像宽度增加到自动宽度的 x 倍

标签 html css web-deployment

我想将图像的宽度和高度增加到实际的 3 倍,但我不知道图像的尺寸。我可以使用 CSS 来实现吗? 我尝试了 calc() 函数,但它不接受 auto

最佳答案

你可以在你的风格中使用这个 %

<img src="yourimage.jpg" style ="width:300%; height:300%">

<img src="yourimage.jpg" alt="Smiley face" height="300%" width="300%">

或者你可以使用这个

<img src="yourimage.jpg" alt="Smiley face" class="image-class">    

<style>
    .image-class {

      transform:scale(3,3);
    }
</style>

关于html - 将图像宽度增加到自动宽度的 x 倍,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45145687/

相关文章:

javascript - History.js onpopstate?

javascript - 像桌面应用程序一样调整 div 大小

javascript - 保持 100% 宽度和高度的纵横比(CSS 中的裁剪溢出)

HTML 按钮不会停止换行

java - 部署 Java 应用程序 (Tomcat/Glassfish)

asp.net - jQuery 替换 div 停止响应鼠标单击

javascript - 弹球破砖游戏,砖 block 弹不起来

css - 如何自定义容器宽度

asp.net - MSDeploy - 目标无法访问

javascript - 如何保存/缓存 dom,以便当您点击后退按钮时页面按原样加载?