阻止图像调整div大小

文章/答案/技术大牛

发布

1回答

javascript、html、css

我已经尝试使用css编辑父div和图像本身，比如overflow: hidden，Object-fit: contain，max-height: 100%；max-width: 100%；。与我的代码一起工作的是将图片设置为图片div的背景图片，并将其设置为包含。在如何让图像位于div内而不使其扩展到父div之外的过程中，我是否遗漏了什么？class="profile"> <div id="name" class=&q

浏览 14提问于2021-03-28得票数 1

回答已采纳

2回答

防止在bootstrap Card中调整图像大小

css、reactjs、twitter-bootstrap、bootstrap-4

我想要一张卡，有一个灰色背景的非调整大小的图像。卡片大小大于图像的大小。我得到了背景和我的图像，但我没有设法阻止图像调整大小。<div className ="container" id="mainContainer">

浏览 24提问于2019-05-03得票数 1

回答已采纳

1回答

如何禁用contentEditable DIV的火狐图片修改操作？

jquery-ui、firefox、rte

我在这里有一个js小提琴- -与我制作的contentEditable的DIV，其中包含一个图像。</div> 我注意到，对于火狐，contentEditable允许用户点击图片来调出它的句柄，这允许调整图片的大小。或者，在单击图像后，可以将其拖动到容器中的另一个位置，如果在拖动的同时按住can键，则会创建该图像的副本，因此现在DIV中有两个图像。我需要将DIV设置为contentEditab

浏览 5提问于2013-07-26得票数 2

1回答

在jQueryUI滑翔机仍被拖动时停止它

javascript、jquery、jquery-ui、jquery-events、jquery-ui-slider

这里是我的jsFiddle: 我有一个可拖动的图像(称为“可拖动图像”)，位于父div (称为“父div")中，它控制”可拖图像“的边界。”可拖动图像“的大小由滑块控制。问题是，当我使“可拖的图像”变小，并将其放置在“父div”的边缘，如果我滑动它使它变大，它就会超出边界。这不是我想要的效果。我想要的是滑块停止移动，不再调整大小。我可以让图像停止<e

浏览 1提问于2012-03-22得票数 1

回答已采纳

2回答

在Firefox中缩小图像。我需要点击它来获取实际大小

php、html、image、iframe

我正在尝试在我的页面上显示iFrame中的图像。我面临的问题是，在Firefox中，图像似乎是自动缩小的。我需要点击它来获得实际的尺寸。

浏览 0提问于2010-11-11得票数 0

回答已采纳

1回答

禁止播放不同屏幕大小的不同div(具有相同动画效果)的动画

javascript、jquery、css

我有一个使用三个div的登录页面。在三个div中，只有一个div设置为以任何特定屏幕大小显示。每个div使用媒体查询以特定的屏幕大小加载。Div1 ->宽度最高可达800pxDiv3 ->大于1400px宽度每次页面加载div中的背景图像时，都会使用CSS过滤器将黑白图像更改为彩色图像当我<e

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

1回答

Codeigniter条带图像EXIF数据

image、codeigniter、resize、exif、gd2

我正在使用gd2图像库进行图像上传和大小调整。图像EXIF数据在调整大小时旋转我的垂直图片。有没有办法阻止图像旋转？或者在php中剥离exif数据？

浏览 0提问于2011-05-14得票数 2

4回答

我试着用css来调整图片的大小，使其移动友好，但它不起作用

html、css

我试图调整一个图像的大小，使其移动友好，但它不调整大小。我正在为我的网站使用一个模板，我对它做了很多修改，但也许已经写好的代码是阻止照片格式调整大小的原因我已经尝试过使用width=100%和object:缩放和标记，但是都没有用。<div class="slider-item" style="background-image: url('img/slider-2.jpg&#x

浏览 0提问于2019-07-22得票数 0

回答已采纳

2回答

如何在调整浏览器大小时防止内容跳跃？

css、image

图像标题和内容由图像保留在适当的位置。当调整窗口大小或加载图像时，页面内容会向上跳转，然后再次向下跳转。 <img src="http://lorempixel.com/g/720/720/nature" alt="" /> <

浏览 5提问于2017-06-07得票数 0

1回答

如何使div成为响应td大小的表格单元格的子级

html、css

我正在尝试让包含在表单元格(tr、td格式)中的div随着响应式表格大小的变化而缩放。; .piece-image {width: 100%;}<tr> <div，所以div位于td中，而不影响单元格的大小，任何其他方式，div似乎将单元格从正方形变成矩形。由于某些原因，包含图像的div</e

浏览 0提问于2019-12-12得票数 0

5回答

如何在div内从包装到下一行中并排停止3幅图像？

html、css、responsive-design、responsive

我希望3张图片并排坐在930 to宽div内。只有当第3幅图像在第二张图像下包装时，3幅图像才能在div中正确地调整大小。下面看起来是这样的。[][] 一旦所有图像垂直对

浏览 0提问于2018-05-13得票数 1

回答已采纳

1回答

当窗口调整大小时，图像高度不会调整。

html、css、flexbox

我希望只有当视口大小小于768 is时，才能显示图像。然而，现在，当我调整窗口的大小时，我无法改变高度。我尝试将显示更改为阻止并指定width:100%，height:auto。HTML： <img src="images&

浏览 1提问于2016-02-15得票数 4

回答已采纳

1回答

在浏览器调整大小时调整文本大小

html、css

我正在尝试让div中的文本在浏览器窗口调整大小时垂直调整大小。到目前为止，我已经使用了纯HTML和CSS (我愿意使用其他东西来做这件事，但是可能需要一些关于如何实现它的建议！)。根据我所读到的内容，我认为使用百分比设置width和height标签是可行的，但它只适用于水平调整大小。div中的图像可以调整大小，但文本链接不会。我希望div的位置是固定的，这样它就不会与页面内容的其余

浏览 2提问于2013-03-29得票数 0

4回答

jQuery UI可调整大小的触发窗口调整事件

javascript、jquery、resize、resizable

我有两个事件，一个用于检测窗口大小调整，另一个用于检测div的可调整大小停止。有什么方法可以阻止它吗？

浏览 1提问于2011-09-21得票数 30

2回答

针对多分辨率的多css -图像大小调整问题

css

我已经按照上面的教程做到了这一点：1个问题:如何在css中调整它们的大小?2个问题:如果我不想在窄样式中显示某些div，使用"display: none;“将阻止它加载，或者只是隐藏它？非常感谢并为我糟糕的英语感到抱歉。

浏览 0提问于2012-04-18得票数 0

回答已采纳

1回答

为什么重建的widget出现在原始widget之外，而不是替换它？

flutter

我正在尝试显示一个窗口的图像，该图像由多个窗格组成，大小为浏览器选项卡大小的80% (使用Flutter web)。并且每当调整浏览器选项卡的大小时自动调整图像的大小。它是有效的，除了“新”图像被覆盖在旧图像之上，而不是替换它，如以下截图前后所示： ? ? 最低工作代码在DartPad上。只需调整浏览器窗口的大小，或左右滑动代码和输出之间的分隔符即可查看效果。

浏览 25提问于2020-07-05得票数 0

回答已采纳

2回答

已阻止调整图像大小

html、css、css-transforms

我不知道为什么，但是背景图片的大小调整被一些东西阻止了。我有下面的代码将图像添加到div的背景中，并且我愿意显示整个图像，而不仅仅是它的中心。一些图像是如何放大的，我想将其更改为完整的图像视图。no-repeat; transform: translateZ(-1px) scale(2);} HTML： <divid="

浏览 37提问于2019-12-26得票数 0

回答已采纳

1回答

流体动态图像在div中居中-立即使用div调整大小

css、image、resize、centering、fluid-layout

有一个宽度为100%的父DIV，在图像内部有样式： <img src="image.png" alt="" /> div{ width:100%} display: block; max-width: 100%;</style&

浏览 4提问于2012-07-02得票数 1

回答已采纳

2回答

在调整窗口大小时，如何使背景图像缩放到适合整个窗口？

html、css

我试图让我的背景图像放大，因为我将窗口调整到一个较小的屏幕，以便它占据整个屏幕(高度和宽度)。当我开始的时候，我会调整窗口的大小，背景图像会变得更小并重复。所以我找到了这个CSS，它阻止了图像的重复，并确保它覆盖了屏幕的宽度(但不一定是高度)。"https:......jpeg"); background-size: cover;现在，当我调

浏览 20提问于2017-08-25得票数 0

回答已采纳

4回答

如何用css调整另一个div内的图像大小？

javascript、css

我只想调整具有特定类的div中的图像大小，以及与其他特定类对应的div中的图像大小。但是，只在div中的图像，也就是在其他div中的图像，不应该被调整大小。如果我想调整类div中的图像大小，这是可行的： div.classname>img { width:somethi

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

回答已采纳

点击加载更多