获取img的原生/自然宽度并设置为最大宽度

文章/答案/技术大牛

发布

1回答

jquery、css

我有一组不同宽度的图像。我想要他们100%的响应，但不要大于他们的实际大小。一旦我可以获取宽度，我假设我可以很容易地使用它来设置图像的最大宽度。

浏览 6提问于2018-08-11得票数 0

回答已采纳

2回答

如何使css中的最大宽度固有或初始值(以第一位为准)？

html、css、image、styles、width

我试图让一个图像自动调整大小，直到它填充一个div或达到它的初始大小。我希望它随着div的增长而增长，但是当它的初始大小达到时停止。我也希望它始终保持原来的纵横比。这可能只使用css吗？

浏览 0提问于2018-08-17得票数 0

回答已采纳

2回答

如何在css中使图形图像响应

css、image、responsive-design

uploads/sites/8/2014/12/G_HOME.png" alt="Gotham Communications Buttons Graphic" />CSS (添加为级联中的最后一个设置)div.gc-responsive-div, img.gc-responsive-img<

浏览 0提问于2015-07-14得票数 2

回答已采纳

3回答

图像宽度与父元素相同吗？

css

我有一个图像，我需要一个最大宽度作为它的父元素。我该怎么做？<div style="width: 400px"> <tr><td> <img widht=

浏览 5提问于2013-11-22得票数 3

回答已采纳

1回答

IE10< svg最大宽度没有设置正确的比例。

javascript、html、css、internet-explorer、svg

我准备了一把小提琴： <img src="image.svg" />.papa { height: 50px;.papa>img { max-height: 50px;</style> ...in任何其他“最

浏览 2提问于2017-07-18得票数 0

1回答

2x2图像栅格在引导设置高度/宽度100%

html、css、twitter-bootstrap

我正在努力做一个响应网格的2x2图像在引导。问题：容器设置为最大宽度:1140 up，因此在较高的屏幕上，我的底部有空空间。如果我设置容器的最大宽度:100%，图像的宽度将它们推开出浏览器的</em

浏览 3提问于2020-04-27得票数 0

1回答

我有一个很大的图像，比如10000x8000 in。在这种情况下，我减少了图像的宽度和高度使用CSS类.myClass {max-宽度:90 on；最大高度:80 on；}，如何在html-页面上显示该图像的宽度和高度。例如，如果我有1200x800监视器，我希望使用$(img).width()或$(img).height().获得结果960x640px。有可能吗？当我使用$(img).width()或$(i

浏览 0提问于2014-09-17得票数 1

回答已采纳

2回答

如何自动设置集装箱高度保持比率

html、css、image、layout

我在一个img对象中有一个div对象。我希望设置img (或div)的宽度，并将其高度自动设置为保留图像原始比率所必需的任何东西。 <img id="foo"

浏览 2提问于2014-07-27得票数 1

回答已采纳

4回答

img最大宽度和百分比是如何工作的？

html、css

我是一个响应式网页设计的新手，正在寻找一个。如果img被设置为width: 100%，我知道它将占据浏览器窗口或其包含元素的100%。用于设置元素最大宽度的max-width属性。如果我将img标记设置为max-width: 100%，那么百分比是根据什么元素/上下文计算的？我所看到的是

浏览 0提问于2016-08-08得票数 1

2回答

为什么这个映像的flex父元素会增长到图像大小之外？

html、css、flexbox

我正在尝试创建一个页面，它将保留其在所有桌面监视器屏幕大小上的比例。 <div id="profile-picture-container"> <imgid="profile-picture-img &qu

浏览 3提问于2016-07-17得票数 2

3回答

液体布局: 100%最大宽度img不适用-为什么？

css、liquid-layout

我注意到，正如我们大多数人一样，虽然我的大部分布局组件“液化”，但不幸的是，图像没有。如果你看到它的宽分辨率，你会注意到，“孩子的形象”，例如，不缩放。任何关于问题的线索，为什么那个图像不缩放？img宽度不适合包

浏览 2提问于2012-08-30得票数 0

回答已采纳

1回答

使img增长到最大宽度/高度，而不考虑容器和保持纵横比。

javascript、html、css、image

我有一个<img>，它绝对位于<div>内。<div>是100 by乘以100 by。当点击<img>时，应该会增长到已知的最大宽度或高度，比如500 by乘以700 by。如果<img>较小，比如300 as乘以250 as，那么它就会达到应有的大小。应保持高宽比。将高度和宽度设置为100%只会使<img>成为包含<div><em

浏览 4提问于2016-06-06得票数 0

回答已采纳

1回答

为什么Xilinx的乘法器IP产品位宽有一个额外的位？

binary、vhdl、fpga、xilinx

Xilinx的复杂乘法器IP文档(PG104)可以这样描述输入和输出位宽设置：输出宽度：选择输出产品真实和虚拟组件的宽度。在设置A和B操作数宽度时，将自动初始化这些值以提供完全精度的乘积。复数乘法的自然宽度是输入宽度之和加1。如果将输出宽度设置为小于此自然宽度，则将截断或舍入最不重要<em

浏览 1提问于2021-12-02得票数 0

4回答

帮助解决ie中的图像大小问题

html、styles

我有一些标记(我知道它不使用css -这在我的环境中是一个限制)，它是这样的：<tr><td width="60%"><img src="..oracle_memory.gif" alt="oracle_memory.gif" width="100%"/> </td>

浏览 0提问于2011-07-12得票数 2

1回答

表单元格中不按单元格宽度调整大小的锚定图像

css、html、image、html-table

对于HTML5和CSS来说，这是相当新的。我正试图调整表格单元格中图像的大小，但它的大小不符合单元格的大小--任何帮助都将不胜感激！src="img/artists/adrian_hour.jpg" alt=""></a></td> <td><a href=""><img src="<em

浏览 2提问于2015-11-11得票数 3

回答已采纳

2回答

只有当图像不符合div时，才显示其最大宽度的图像

html、css

我使用的是物化框架，我对组件(小型版本)感兴趣。代码如下：( small类将卡的高度限制为300px) <div class="card-image"> <div class="card-action"> <a href="#">This is

浏览 0提问于2016-03-16得票数 2

回答已采纳

1回答

实现HTML <picture>标记以支持WEBP，如何正确处理最大宽度

html、css、image、width、webp

我对切换到HTML标记很感兴趣，这样可以同时支持WEBP和JPEG，然而，我遇到了有关最大宽度属性的令人困惑的行为。test.jpg和test.webp都是640x480<img src="test.jpg" style="max-width:80%"> 结果:一切正常工作，如果浏览器宽度缩小src="test.jpg" style="max-width:80%&qu

浏览 0提问于2021-04-11得票数 0

回答已采纳

4回答

图像的宽度和最大宽度属性

css

有谁能告诉我width和max-width之间的关系(比如哪种覆盖像素、百分比等等)？当我调整窗口大小时自动缩放图像，当图像达到原始大小时停止缩放？保持固定大小，直到我将窗口调整为某些小大小，然后开始自动调整大小。

浏览 3提问于2015-02-23得票数 1

1回答

移除/完全重置img上继承的样式

css、twitter-bootstrap、image、default、reset

我有一个只使用HTML属性按比例拉伸的图像。没有css设置的默认行为是，如果高度属性设置为自然高度的一半，那么宽度将自动为自然宽度的一半。示例：问题是

浏览 2提问于2012-11-26得票数 1

2回答

基于分辨率调整图像大小

javascript、css、image、screen-resolution

我一直在开发一个1440*900分辨率的monitor..The页面上的一个网站，有很多图像排列在网格状的结构中。当我在1280*800屏幕分辨率显示器上测试它时，它们之间的图像大小和空间都是基于我是using..But的监视器设置的，图像看起来对屏幕来说太大了(正如预期的那样)！！有谁能建议如何根据用户的屏幕分辨率来调整图像大小和它们之间的间隔呢？谢谢..。

浏览 3提问于2012-03-05得票数 0

回答已采纳

点击加载更多