如何使用CSS调整图像大小以适应其容器

文章/答案/技术大牛

发布

1回答

html、css

我想做一个固定宽度和高度的div，其中包含一个大小未知的子图像。如下所示： ?

浏览 22提问于2020-07-05得票数 1

回答已采纳

1回答

背景图像和固定高度粘性页脚

html、css

这是我的html/css：的骨架。背景图像的高度调整以适应“屏幕的全部高度减去页脚高度”，填充白色背景在两侧，以填补全宽度如有必要。

浏览 2提问于2014-01-14得票数 0

回答已采纳

1回答

将图像和视频动态拟合到iframe中

javascript、php、css、iframe

我使用Laravel 从数据库中检索图像，并在我正在创建的博客应用程序中显示它们。我决定使用'iframe‘标签，以便在博客中检索和显示图像、和视频。然而，我遇到的问题是CSS相关的，我正在尝试对'iframe‘进行样式设计，这样它就可以将其大小调整到不同大小的图像和视频，并同时保留它们的纵横比。现在，小图像显示良好，但如果我使用大尺寸的图像，任何宽度大于800

浏览 2提问于2015-01-08得票数 0

2回答

调整图像大小以适应其容器

javascript、prototype

我可以使用以下命令拉伸它(或减小它的大小)：或者我可以测试它的大小：imgWidth = newImg.width; ..。

浏览 0提问于2010-03-09得票数 1

回答已采纳

1回答

当收缩/缩放/调整UITtextView大小时，文本会被切断

ios、objective-c、uitextview、uipinchgesturerecognizer

我有一个UITextView，它可以使用UIImageView中的手势进行缩放、旋转和调整大小。当我缩放或调整它的大小，然后键入一些文本时，文本容器会更改大小，文本就会被切断。我试图更改文本的大小，以调整其大小以适应容器。我也尝试过更改textView中的容器框架，但是它没有工作。有人能帮我吗？以下是一些图片

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

回答已采纳

1回答

使用display:inline-block not aligning对齐图像

html、css

这些图像一个接一个地显示，而不是在水平线上，不知道为什么。<img id="right_detail" src="images/RightDetailImg.png" alt="Phone image"></div> CSS

浏览 3提问于2013-11-12得票数 0

1回答

理解对象匹配的CSS属性

html、css、object-fit

在这个中，我们可以读到：父元素？有障碍吗？

浏览 1提问于2020-09-25得票数 3

回答已采纳

1回答

CakePHP图像不调整大小，适合容器

html、css、image、image-resizing

在大多数现代编程语言中，可以将图像添加到页面中，然后使用周围div或图像标记中的最大高度属性调整其大小以适应容器。在cakephp中，情况并非如此。当我使用最大高度属性时，图像保持不变的大小，然后被裁剪.它甚至没有最大高度属性的维度。它有一些随机像素数量。这是我的一段代码。我尝试过所有不同的css组合。有人知道如何在cakephp中显示适合<em

浏览 2提问于2016-02-24得票数 2

回答已采纳

2回答

拉伸HTML容器以适应背景图像的大小

html、css、layout、background-image

可以编写CSS来拉伸容器的背景图像以适应容器。但是，有没有可能做相反的事情，也就是编写CSS，使容器调整大小以适应背景图像？在过去，我使用了一个使用JQuery的丑陋的方法(我对此并不满意，因为它依赖于在图像的文件名中实际指定的图像的尺寸)。因此，我强烈倾向于使用CS

浏览 2提问于2012-05-15得票数 1

回答已采纳

1回答

调整容器大小，而不是输出图像- Croppa Vue组件

javascript、vue.js

我必须在表单中裁剪旋转木马的图像，croppa容器有300*167像素(以适应表单)。如果我用" quality“prop调整输出图像的大小，图像质量会因为strech而丢失。有没有办法可以调整容器的大小但不能调整输出图像的大小？我的意思是，我想保留图像的原始比例大小，只调整cro

浏览 11提问于2020-03-24得票数 1

回答已采纳

1回答

jQuery或Javascript模拟移动双屏屏幕调整大小

javascript、php、jquery、mobile

最新情况如下：我需要帮助在移动设备上调用一个DoubleTap，它将调整屏幕内容的大小，以适应页面上的所有内容。如何模拟移动设备的双击，而不需要用户单击文档，这样就可以调整内容的大小以适应屏幕上的需要？，我希望页面在图像更新后调整大小以适应，并显示自己太大了。下面的第一个图像显示了在调用脚本之后页面的样子，并使图像</

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

1回答

使用CSS调整图像大小以适应容器

css、image、image-resizing、aspect-ratio

我正在寻找一个用CSS调整<img>元素大小的解决方案：必须在高档(收缩)和缩小(拉伸)的情况下工作。使用的object-fit: contain在IE中不起作用。如果没有javascript，它是可行的吗？

浏览 4提问于2015-10-08得票数 0

1回答

设置与产品尺寸不同的木商产品类别大小

php、css、wordpress、woocommerce

我需要帮助更改一些设置，在我的WordPress默认图像大小。我一直在到处寻找答案，但找不到任何好的答案。 .类别-样式-默认..cat设计-默认.类别-内容.产品-类别-缩略图

浏览 2提问于2020-10-26得票数 0

33回答

如何自动调整图像大小以适应“div”容器？

html、css、image、autoresize

如何自动调整大图像的大小，使其适合于较小宽度的div容器，同时保持其宽度:高度比？示例: stackoverflow.com -当图像插入编辑器面板时，图像太大，无法适应页面，图像就会自动调整大小。

浏览 66提问于2010-06-12得票数 1975

回答已采纳

1回答

如何在CSS中对响应式网站进行拉伸和图像处理

css、slideshow、image-resizing、autoresize

我在一个幻灯片放映中有一系列的图像，它们都是以不同的图像尺寸上传的，我想基本上使所有的图像都遵循这样的规则，即它们按比例伸展到最大宽度，以便如果您调整浏览器窗口的大小，它们仍将保持其流体大小的响应。如果可能的话，我希望能够在CSS中做到这一点。我在拉伸小图像以适应更大的容器时遇到了困难，而不是试图将大图像包含在小容器中。通常，较小的图像

浏览 2提问于2015-08-03得票数 1

1回答

响应式背景图像，带全宽内侧Div Container

html、css、image、responsive-design、background-image

我想在一个容器内创建一个背景图像，它大约在页面的一半处。高度可能是屏幕高度的20%-30%。我是否需要创建多个图像并使用CSS媒体问题来显示一个图像并隐藏每个分辨率范围的所有其他图像？或者，有没有更简单的方法让图像自动缩放。如果图像是矢量格式，会有帮助吗？

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

1回答

如何使用调整大小栏处理调整大小的事件？

css、jquery-ui、jquery-plugins、jquery

基本上，我想有两件事：我已经研究了很长时间了，还

浏览 5提问于2012-07-08得票数 2

回答已采纳

3回答

CSS边框问题

html、css

我不知道我的css有什么问题，但我只能看到50-60%的左边栏导航右边框。如何调整大小以适应整个容器的高度？这是侧边栏导航和链接的图像 

浏览 2提问于2011-10-08得票数 0

2回答

如何缩小图像以适应HTML5中的标题

html、css

我正在尝试包含一个具有以下尺寸的图像:宽450像素高250像素在高度为60px的页眉的左下角；但是它不会停留在页眉div中，我甚至看不到添加轮廓后的页眉div。我的目的是缩小它，以适应标题，但仍然能够保持其纵横比。

浏览 13提问于2020-04-01得票数 0

1回答

以图像精灵作为CSS背景图像的响应网格

html、css、css-sprites

我们试图使用图像精灵作为CSS背景图像在一个响应网站在一个网格。因此，从本质上说，当调整大小时，需要调整雪碧的背景图像大小，以适应父容器(<span>)。我已经将背景图像转换为data:image，认为这将是第一步(虽然我不确定)，现在还不太确定如何才能使雪碧的背景图像响应。到目前为止，我尝试过的一切都会在网

浏览 2提问于2014-12-09得票数 1

回答已采纳

点击加载更多