当前位置: 首页 > 面试题库 >

使图像具有响应性-最简单的方法

尉迟墨竹
2023-03-14
问题内容

我注意到我的代码具有响应性,事实上,如果我将其缩放到手机或平板电脑的大小,则所有文本,链接和社交图标都会相应缩放。

但是,唯一没有的是我在体内的形象。包裹在段落标签中…话虽如此,是否有一种简单的方法也可以使图像具有响应性?

这是我以前在体内显示图像的代码:

<body>
    </center>
        <p><a href="MY WEBSITE LINK" target="_blank"><img src="IMAGE LINK" border="0" alt="Null"></a></p>
    </center>
</body>

问题答案:

你可以尝试做

<p>
  <a href="MY WEBSITE LINK" target="_blank">
    <img src="IMAGE LINK" style='width:100%;' border="0" alt="Null">
  </a>
</p>

如果采用流畅的布局,则可以缩放图像。

为了响应(意味着布局对窗口的大小做出反应),您可以向图像添加一个类,并使用@mediaCSS中的查询来更改图像的宽度。

请注意,更改图像的高度将使比率混乱。



 类似资料:
  • 问题内容: 我试图在我的简单GUI上显示一些卡,但是没有显示。 我已使用要上传的.gif上传了一个工作文件,该代码已关闭但不正确。 http://www.filedropper.com/cardgameproblem大小:0Kb,类型:.zip 包含1个.py和1个.gif 要看的线始于257-266。我知道这只是一个小错误,但我看不到它。 请帮忙 问题答案: 经过一番修补,我发现当将图像存储在G

  • 图像之间基本上有太多的空间,我找不到解决的方法。我知道这是因为,但是没有任何方法可以修复它吗? 代码

  • 我有一个页面,它向同一个位置发出超文本传输协议请求,只是根据用户的需求使用不同的参数。所以我的代码看起来像这样: 例如,在 JQuery 中,您在框架中构建了一个缓存属性,该属性会自动缓存并且非常容易实现: Angular2有类似的东西吗?只要用户在应用程序中,我就希望缓存这些动态响应。因此,如果用户使用相同的参数请求相同的url,那么它只会从缓存中获取它,如果参数从未被使用,那么它会进行网络调用

  • 问题内容: 假设我有一个直方图脚本,可构建960 500 svg图形。如何使它响应,以便调整图形的宽度和高度是动态的? 问题答案: 还有另一种方法,不需要重新绘制图形,它涉及修改元素上的viewBox和preserveAspectRatio属性: 15年11月24日更新 :大多数现代浏览器都可以从推断出SVG元素的长宽比,因此您可能不需要保持图表的大小为最新。如果需要支持较旧的浏览器,可以在窗口调

  • 问题内容: 我正在以最佳性能将图像写入servlet响应。有什么建议,做法和经验吗? 问题答案: 为了获得最佳性能和效率,请勿将全部内容放入。是的,每个都吃掉Java内存中的一个字节。想象有100个并发用户,每个100KB请求10张图像,这已经消耗了100MB Java内存。 使用DB从中获取图像,将其包装在中,然后将其写入通过小缓冲区包装在响应中。 假设您通过数据库键选择图像作为标识符,请在HT

  • 问题内容: 我想保持相同的图像比例。问题是浏览器较宽时它会扭伤。并在缩小时挤压。 我在这里检查了所有SO问题,但大多数问题都没有帮助我。 这是 标记: 这是 CSS 问题答案: 从各个文件中删除以下CSS规则: 在home.php文件中 在carousel.css中 另外,添加到carousel.css文件中的类并从同一类中删除,因为您已固定了导航栏。