HTML/IE:拉伸图像以适应,保持纵横比

作者：跟我搞对象吧 | 2023-08-29 13:57

如何解决《HTML/IE:拉伸图像以适应,保持纵横比》经验，为你挑选了2个好方法。

在HTML窗口中,我正在设置自定义正文

显示图像

现在我想拉伸图像以适应可用窗口,但保留纵横比.

延伸但也扭曲了图像.

是否有一些HTML技巧可以做到这一点？IE唯一的解决方案很好,因为这是在托管的浏览器控件中.

1> Philippe..：

如果要保留纵横比,只需指定一个维度即:

您可以使用javascript确定最大尺寸并相应调整大小

2> tgecho..：

如果您知道高度或宽度,则只能设置它.另一个尺寸将根据图像的纵横比自动设置.

这可能会切断另一个轴的图像.例如,对于在AR 1:1窗口中具有AR 1:2的图像具有"宽度= 100%",下半部分被切断.

推荐阅读

程序员
Python类中的继承顺序

如何解决《Python类中的继承顺序》经验，为你挑选了1个好方法。 ... [详细]
程序员
Google语音识别API:每个字的时间戳？

如何解决《Google语音识别API:每个字的时间戳？》经验，为你挑选了2个好方法。 ... [详细]
程序员
为什么在变量中存储值会改变相等比较的结果？

如何解决《为什么在变量中存储值会改变相等比较的结果？》经验，为你挑选了1个好方法。 ... [详细]
程序员
Symfony2的Docker容器中的权限问题

如何解决《Symfony2的Docker容器中的权限问题》经验，为你挑选了1个好方法。 ... [详细]
程序员
Java Stream:有没有办法迭代一次取两个元素而不是一个？

如何解决《JavaStream:有没有办法迭代一次取两个元素而不是一个？》经验，为你挑选了3个好方法。 ... [详细]
程序员
如何在scrollView中显示相邻的卡？

如何解决《如何在scrollView中显示相邻的卡？》经验，为你挑选了1个好方法。 ... [详细]
程序员
C#ColorMatrix索引超出界限

如何解决《C#ColorMatrix索引超出界限》经验，为你挑选了0个好方法。 ... [详细]
程序员
如何在Java中读取相同的文件两次？

如何解决《如何在Java中读取相同的文件两次？》经验，为你挑选了2个好方法。 ... [详细]
程序员
使用随机访问迭代器调用模板函数

如何解决《使用随机访问迭代器调用模板函数》经验，为你挑选了1个好方法。 ... [详细]
程序员
检查值是否在一系列数字之间

如何解决《检查值是否在一系列数字之间》经验，为你挑选了1个好方法。 ... [详细]
程序员
使用量角器验证文本的一部分

如何解决《使用量角器验证文本的一部分》经验，为你挑选了1个好方法。 ... [详细]
程序员
php5升级后安装php mongo驱动程序时出错

如何解决《php5升级后安装phpmongo驱动程序时出错》经验，为你挑选了2个好方法。 ... [详细]
程序员
在朱莉娅变量中的数组结束

如何解决《在朱莉娅变量中的数组结束》经验，为你挑选了1个好方法。 ... [详细]
程序员
反应路由器链接参数.意外的字符'''.在uglify和eslint中

如何解决《反应路由器链接参数.意外的字符'''.在uglify和eslint中》经验，为你挑选了1个好方法。 ... [详细]
程序员
CSS/LESS:Calc()使用百分比减去未正确评估的像素

如何解决《CSS/LESS:Calc()使用百分比减去未正确评估的像素》经验，为你挑选了1个好方法。 ... [详细]
程序员
Django 1.9:Field与父模型中不存在的字段的字段冲突

如何解决《Django1.9:Field与父模型中不存在的字段的字段冲突》经验，为你挑选了2个好方法。 ... [详细]
程序员
Robolectric:在我的案例中运行处理程序的looper

如何解决《Robolectric:在我的案例中运行处理程序的looper》经验，为你挑选了0个好方法。 ... [详细]
程序员
如何从MVEL表达式中调用外部方法？

如何解决《如何从MVEL表达式中调用外部方法？》经验，为你挑选了1个好方法。 ... [详细]
程序员
实体框架7 RC1关系

如何解决《实体框架7RC1关系》经验，为你挑选了1个好方法。 ... [详细]
程序员
取消Ajax请求或取最后一个请求

如何解决《取消Ajax请求或取最后一个请求》经验，为你挑选了1个好方法。 ... [详细]

跟我搞对象吧

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

RankList | 热门文章