7回答
我有一个带有以下代码的div
HTML：
<div id='imgContainer'>
<img src='/img/logo.png' id='imglogo'></img>
</div>
CSS
div#imgContainer {
width: 250px;
height: 250px;
padding: 13px;
}
问题是用户可以编辑图像的大小、颜色和其他一些东西，所以我想让div随着图像的变大而变大。如果图像比它小，我希望div的宽度和高度是250 a
浏览 21提问于2013-11-27得票数 18
回答已采纳
我想知道在不同屏幕尺寸的媒体查询中，如何使图像逐渐改变大小，而不是突然改变大小。例如，如果图像的宽度为100px，当屏幕的最大宽度为1000px时，图像的宽度变为500px，那么如何应用过渡效果，使图像逐渐变小，而不是突然变小。我一直在寻找这个答案，但我似乎找不到我真正想要的东西。这是我正在尝试做的一个网站示例。我从这个网站复制了html和css，但是不能得到效果。要查看的图像是屏幕缩小时的滑块图像。
浏览 1提问于2014-07-03得票数 0
6回答
是否有可能使<div>适应其背景图像？我的意思是保持比例宽度和高度。
澄清：
div更改宽度。(这是一个响应性的设计)
我不是想让背景适应div。这在background-size中是可能的。但我想问的是这样的方法：在背景中有一个图像，让div的父母适应这个图像，不管它的大小是。
我知道，如果我把图像放在html中，而不是背景中，我可以做类似的事情。但是在这种情况下，我无法更改不同设备大小的图像。因此，我要求将图像放在背景中，以便能够用CSS更改它。
在我给出的例子中，我可以使图像适应宽度，但我得到了一个与高度的差距。当图像改变大小时，我能使div也适应图像的高
浏览 15提问于2013-08-18得票数 12
回答已采纳
1回答
我只是在学习jQuery，并试图通过多种方法解决这个问题，太多的方法无法列出，但没有成功。请帮帮我！
另外，我不知道如何将图像添加到这个问题中，所以选择一个最喜欢的猫图像并修改代码以反映其名称。(对不起)
指令：
将html代码和图像加载到同一个目录中。
在浏览器中显示simple.html (我正在使用Chrome)
点击图片-它变大了
点击大图片-它变小了。
点击“添加图像”按钮-一个新的图像出现
单击第一个图像-它变大并隐藏第二个图像。
点击大图像-它变小了，第二个图像也会显示出来。
点击第二个图像-什么都没有发生，我希望它变大(第二次点击返回到小)
浏览 0提问于2015-10-09得票数 1
回答已采纳
如何在Tkinter Python中创建根据边框调整大小的图像？我有一个框架中的图像，我希望图像将拉伸整个框架，当框架改变大小，图像将改变大小根据框架。
浏览 2提问于2013-06-30得票数 1
2回答
图像大小的内容位置依赖项
、、、
我的网站的一部分出了问题。在我的导航栏中，背景图像会根据显示尺寸调整大小。这意味着如果显示尺寸变大，图像就会变大，如果显示尺寸变小，图像就会变小。现在我有一个网站上的内容，其位置应取决于图像的大小。这意味着如果在显示器尺寸上开始于显示器的一半(50%)，则它必须例如在其它显示器尺寸上从显示器的60%开始。所以你可以看到位置取决于图像的大小。下面是我的代码，使图像的大小依赖于显示大小：
<style type="text/css">
html, body {
width: 100%;
height: 100%;
marg
浏览 2提问于2014-12-30得票数 0
1回答
为什么当我使屏幕变小时，图像不改变大小？当我使屏幕变大或变小时，我想使我的图像调整大小。这就是我尝试使用VS代码的地方。我对编程很陌生，所以我有点卡住了。任何帮助都将不胜感激。
<!DOCTYPE html>
<html>
<head>
<title>Pricing</title>
<meta name="viewport" content="width:device-width initial-scale:1.0">
<style>
浏览 4提问于2021-03-16得票数 0
回答已采纳
4回答
我需要选择一部分html页面和获取选择的坐标，而不是图像--我想要实现这样的图像裁剪(平方选择区域)，我怎么做呢？
接下来我想要更详细的内容:在html页面的浏览器中，我点击按钮，然后所有的页面都被禁用，变成深灰色，但是小窗口显示在真实的页面颜色中，我可以操纵这个窗口:使它变大或更小--因此我需要这个窗口的坐标。
浏览 6提问于2010-08-25得票数 0
回答已采纳
我想在导航栏中使用的div上放置一个图像，但是当我将图像调整到50 as或更高时，div上的填充也会变大。我不喜欢这个，因为图像要么太小，看不见，要么导航栏太大，看上去不好看，有什么办法解决这个问题吗？
.navbar{
background-color:green;
padding:20px;
}
.navbar #image1{
width:40px;
margin-left:950px;
padding:0px;
}
<div class='navbar'>
<a href='home.h
浏览 1提问于2021-10-24得票数 1
回答已采纳
3回答
我想取一个HTML页面的内容，一个使每个元素大50%。我尝试过使用CSS3 zoom: 150%，但这也试图放大图片。由于图像的分辨率最初是为正常视图而构建的，因此随着缩放的进行，它们看起来很模糊。
除了图片之外，是否有可能使所有HTML都变大呢？
浏览 5提问于2011-09-23得票数 0
回答已采纳
我想要下面的按钮(和它的图像)改变大小，当我点击它。对话框正在显示，但大小未更改。
<html>
<input type="image" src="pacman.png" onClick="
alert('test');
this.height='200px'; // change de button size
// this.image.height='200px'; // not sure if this line will w
浏览 1提问于2010-09-22得票数 1
回答已采纳
我有一个响应式布局与一些图像。这些图像设置了max-width:100%。并且不能在CSS或HTML height属性中预先设置高度，否则当响应布局变小时，图像会扭曲。它必须是height: auto;才能正确扩展。
可以在jQuery中计算图像的高度吗？.height()和.css('height')依赖于css或height属性来设置，就像我说过的，当响应式设计改变大小时，我无法在不扭曲图像的情况下设置这些属性。
浏览 1提问于2012-09-04得票数 1
回答已采纳
2回答
我试着用css在我的网站背景上定位图片。我希望这些图像在我的背景中始终保持相同的位置。但我的背景图像会改变大小图像会移动。
背景：
html{
background: url("../images/example.gif") no-repeat bottom right fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
图片：
.image{
position: fixed;
right
浏览 2提问于2015-09-05得票数 0
3回答
我想在我的html网站上有一个图像，是相同的网站宽度。我显然已经使用了<meta name="viewport" content="width=device-width, initial-scale=1.0">，但图像仍然不会改变大小。 我甚至试过一些css，但它只有一种尺寸:和电脑一样大，对于平板电脑或手机来说要大一些。 对此有什么帮助吗？ JavaScript能帮上忙吗？
浏览 25提问于2020-08-12得票数 0
回答已采纳
1回答
HTML页面有一个背景图像。左侧的导航菜单在悬停时展开以显示元素。菜单具有透明背景。
当菜单变大时，它会剪切背景图像，并将其向下移动到菜单后面的页面。
将其简化为：
背景裁剪是我不理解的预期行为，还是浏览器bug (Firefox9)？
似乎需要将body设置为overflow-y: scroll，并将menu float: left设置为触发。
浏览 1提问于2012-01-16得票数 1
回答已采纳
当我点击一个链接时，我试图使一个图像变大，但是它不能工作。
我做错了什么？
JQUERY:
$(document).ready(function(){
$('a, large').click(function(){
$("img").animate({width: "300px"});
});
$('a, small').click(function(){
$("img").animate({width: "75px"});
});
});
HTML:
<c
浏览 9提问于2016-09-19得票数 0
回答已采纳
我有一个图像，我想在显示图像时显示ALT值：
HTML：
<div id="demo">
<li><img src="images/cpu.jpg" alt="Over All CPU" /></li>
</div>
CSS：
#demo img { font:italic 100px Georgia, Times, Serif; color: #000; text-shadow: 0px 2px 4px #222; margin:10px 20px; }
有没有可能让alt的尺寸变大？
浏览 0提问于2012-11-17得票数 0
3回答
有没有技术可以在给定的时间间隔内调整图像的大小？
我想要做的是有一个图像，当鼠标滚过它的时候，它应该调整图像的大小，使它变大。所有我能找到的是简单的翻转脚本，立即调整图像的大小。我想在大约一秒钟的时间内完成它。
作为必须的，它不能滞后并破坏视觉体验。我正在寻找一种方法在javascript，jQuery或HTML5，如果它是可能的；其他建议，但没有闪光灯。
浏览 0提问于2013-02-01得票数 0
回答已采纳
1回答
我刚刚在一个HTML5文件中创建了一些文章。那些文章包含图像。文章的底部还有一个边框。现在我有一个问题:每当你调整窗口的大小以使它变大时，图像就会超出边界。我要用图像调整边框的大小。
下面是文章在我的页面中的样子的一个例子：
<article>
<p>
<img image />
</p>
<p>
text
</p>
</article>
内有图像的p标记向左浮动，带有文本的p标记在其右侧浮动。
更清楚的是:我希望文章标签调整大小到图像的高度。
浏览 4提问于2014-05-13得票数 0
回答已采纳
我有一个webview来读取包含html语言元素的数据库中的数据，例如：
等，还可以显示数据库中的图像。我想要字体尺寸更大。XAML：
<WebView x:Name="QuestionTextWeb" Grid.Row="3" Margin="10,10,0,10" MinHeight="100" MaxHeight="200" HorizontalAlignment="Stretch" VerticalAlignment="Top"/>
代码：
string Ques
浏览 0提问于2018-04-20得票数 0
回答已采纳
1回答
我正在使用引导响应图像类来调整图像的大小。当它们显示在大屏幕上时，图像就会变大，对于页面来说太大了。无论如何我都想把它们写在一页纸上。
我试着只设置最大高度，方法是：
.img-responsive {
max-height: 250px;
}
但是当我这样做的时候，宽度也不会增加，图像也会很小。
有没有一种方法给图像一个固定的最大高度，并有能力重燃宽度？所以当屏幕变大时，图像会变宽，但高度永远不会超过最大高度。
希望有人能帮我！
浏览 5提问于2014-02-19得票数 0
回答已采纳
1回答
我在HTML中有一个对象，即200 by到200 by。当用户放大图像时，图像会变小。如何才能使用户放大浏览器时，图像大小保持不变？我不在乎放大后会不会变大，我只需要一个解决方案来防止放大后的图像变小。下面是相关的HTML的样子：
<div class="player">
<img src="./avatars/Avatar2.png" class="playerimage">
</div>
具有相关属性的相关类如下所示：
.player {
background: none;
position:
浏览 3提问于2022-03-01得票数 1
1回答
我正在尝试使用在GridView中显示内置库中的图像。
这工作得很好。但是所有的图像都有点小。我试着把它们变大，把下面的代码从70,70改为100,100。
bitmap = BitmapFactory.decodeStream(getContentResolver().openInputStream(uri));
if (bitmap != null)
{
newBitmap = Bitmap.createScaledBitmap(bitmap, 70, 70, true);
bitmap.recycle
浏览 0提问于2013-08-14得票数 2
我正在使用Internet Explorer (8)，图像似乎稍微变大了一点。实际上，在Internet Explorer上，整个模板似乎会变得稍微大一些，并使背景图像变大，因此……模糊不清。在Firefox，Chrome，Opera，Safariit中都很好！
这里有一张图片来说明我的可怕的困境。
即使页面上有一个简单的图像和一个完整的XHTML模板，也会发生这种情况。
浏览 0提问于2011-05-19得票数 0
回答已采纳
2回答
我想在jquery中为网页上的动态图像添加一个多行库视图，如下所示。
我不是一个css开发人员，所以我想要一个能够处理我的大部分css的插件--我已经尝试过JPages (这很好)，但是在每个图像中添加textarea并不能保持行的形状。此外，我已经尝试了胆量，但当我的图像是固定的宽度和高度时，效果很好。
谁能建议一个插件，它处理动态图像(可变大小)，并允许我自定义单元格。也就是说，我可以在图像中添加html元素。
浏览 9提问于2014-03-12得票数 2
3回答
我试图用基本的HTML和CSS来调整这个响应式图像的大小。似乎无论我做什么，都不会改变大小。有没有什么东西阻止它成为更大的图像？我正在自学如何创建一个网页，并将接受任何建议！谢谢!
HTML
<ul id="gallery">
<li>
<a href="img/chicago.jpg">
<img src="img/chicago.jpg" alt="">
</a>
</li>
</ul>
CS
浏览 0提问于2015-05-12得票数 1
2回答
有没有办法在Android中应用“调整大小”动画而不是缩放动画？使用缩放动画时，正在调整大小的图像或布局将被拉伸，这包括轮廓图像的边框/笔划轮廓。我有一个方框，周围有两条线，当应用动画时，笔触看起来会变大，这可能是因为“缩放”动画除了可绘制外，实际上还缩放了边框/笔画。有没有办法让框变大，而不让笔画/边框/轮廓看起来也变大？也就是说，我只想调整绘图的大小，但不一定要“重新缩放”。注意，我的drawable是用xml定义的…
浏览 5提问于2010-07-06得票数 2
我正在尝试使用v2 UI创建可调整大小的Fancybox jQuery窗口。
唯一发生的事情是分别更改图像大小或边框大小。
HTML：
<a rel="gallery" title="Image" class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt=""/></a>
可
浏览 0提问于2013-07-31得票数 1
回答已采纳
2回答
最近我得到了一个任务，那就是基于用户交互来生成html页面(这完全是一个webapp)。用户可以通过web浏览器进行交互，以创建模板并保存模板。我知道这很简单。
但问题来了，当我必须允许用户动态地改变div大小，内容大小，图像大小等(使用鼠标移动)，用户也可以拖放图像到超文本标记语言等，因为我认为很难开发整个事情使用html5和jquery它做了一些谷歌，发现html5画布可以做所有这些工作(我们可以拖放，改变大小等)。我发现唯一困难的是将其导出为html5文档。可以将画布元素转换为html5文档吗？
浏览 1提问于2014-01-22得票数 0
所以我的问题是，我正在尝试减少我的网站标题中浪费的黑色空间的数量，现在在标题的右下角有一个图像，如果我将其尺寸增加100px，它将完全占据空间，但是当我这样做时，它增加了标题的大小以适合图像，但空白空间已经变得同样大了。
如何简单地增加镜像在容器中所占的空间量？
使用CSS添加大小是否会覆盖HTML并在不增加标题大小的情况下使图像变大？请帮帮忙，我对这一切都是新手。
浏览 0提问于2015-03-31得票数 0
2回答
这似乎是一个常见的问题，但我看到的现有答案似乎对我不起作用。我有一个背景图像，它比它的宽度高得多。我想要的高度是100%的高度的body。到目前为止，我已经尝试过：
body, html {
height: 100%;
min-height: 100%;
}
body {
background:url("NewLogo.png") no-repeat center center;
background-size: 100% auto;
}
我也尝试过更改background-size: cover;，但这也只会使图像变大，但会切断顶部和底部。
浏览 0提问于2017-11-05得票数 0
1回答
我有大量的可变大小的图像，可以上传或在数据库中找到。在不运行脚本进行大小调整的情况下，有没有办法完全修改HTML或使用CSS，这样图像就不会扭曲和拉伸，以匹配我分配的300x200的尺寸，而是从我最初的大图片(比如400x400)中剪切出300x200的图像？
我当前的标记如下所示
<image data-src="holder.js/300x200" alt="300x200" style="width:300px; height:200px;" src={{ photo.source_descr }}>
浏览 1提问于2013-01-14得票数 2
回答已采纳
1回答
无论我如何努力使这div 40‘s高，它是height不断变大。
下面是示例HTML：
div {
/* To prove the div does get larger */
display: table;
background-color: red;
/* Not even explicitly setting height to 40px helps: */
height: 40px;
max-height: 40px;
/* Ofc, problem occurs also without these two lines. */
}
<div>
浏览 0提问于2016-04-12得票数 0
回答已采纳
在r标记针织pdf渲染中，图像大小不会变大。
\newpage
\blandscape
```{r, echo=FALSE, fig.align="center", warning=FALSE, dpi=NA, fig.height=20, fig.width=20}
knitr::include_graphics(list_B)
\elandscape
我试过使用out.width、fig.width和消除高宽比，但是我的图像大小并没有改变。我可以让它变小，但不会变大。文件list_B是文件路径的列表。
浏览 10提问于2022-11-22得票数 0
2回答
我有很多按钮，但它们很小，我不想让它们变大，我只想让点击区域变大。我试过了
func makeInsets(button: UIButton) {
button.imageEdgeInsets = UIEdgeInsets(top: -40, left: -40, bottom: -40, right: -40)
}
但这只会使图像变得更大。对这个案子有什么建议吗？
浏览 2提问于2015-03-24得票数 1
2回答
在JavaScript或CSS中是否有调整图像大小以使图像变大的选项？所以在鼠标悬停时图像的中心位置是相同的？
浏览 1提问于2011-12-17得票数 1
回答已采纳
我想要一个图片在窗口顶部从0 0px到500 0px的高度。它将占据整个窗口水平，并将保持相同的高宽比在任何时候。
当窗口变大时，图像的底部不会低于500 go。图像将从屏幕的顶部和右边调整更大的大小(以保持相同的高宽比)。因此，x=0px，y=500px将是图像左下角的固定位置。
当窗口水平调整时，下面实现了增加图像大小的正确效果，但是我不想要“底部:30 of；”，因为这应该与窗口顶部相关。这是如何做到的呢？
<!DOCTYPE html>
<html>
<style>
*{
margin: 0px;
padding: 0;
}
.
浏览 3提问于2014-09-02得票数 0
回答已采纳
1回答
如果我在浏览器中打开我的网站，并多次使用pres Ctrl +，那么每件事都会变得更大，而且在我看来，这个网站看起来更好。
我是否可以通过在HTML代码中添加一些东西来达到同样的效果(这样用户可以在默认情况下看到更大的东西，而不按Ctrl+)？
我想让一切都变大(文字和图像)。
浏览 2提问于2015-02-19得票数 3
1回答
嘿，伙计们，我遇到了这个问题，我创建了一个容器盒子，但我放在里面的图像要么是拉伸了，要么是图像的某些部分没有显示出来 我试着在某种程度上使盒子变大，但它仍然切断了图像的一部分。我也尝试过对象拟合，但似乎不起作用 <!DOCTYPE html>
<html>
<head>
<title>Example-1</title>
<link rel="stylesheet" href="Example.css" type="text/css">
</h
浏览 28提问于2019-05-27得票数 0
3回答
改变DIV内部图像的大小
、、、
我试图建立我自己的网站作为一个投资组合网站。我试图在div中添加一个图像，但是当图像变大时，div也会变大。我只想要图像大一点，但div大小是一样的。在这里你可以找到我的小提琴：
我说的代码是这个：
<div class="bar">
<div class="barStyle">
<p class="paragraphBar"><img src="images/icon2.png" width="20px" height="20px" alt&
浏览 2提问于2017-05-13得票数 0
回答已采纳
3回答
我正在做一个项目，我必须给一个背景图像一个完整的宽度。当我使屏幕变大时，图像应该变大，当我使屏幕变小时，图像会变小。
这是我目前的密码。这是一个页脚装饰：
.footerDeco {
background-image: url(../resources/image_geometry_2.svg);
background-repeat: no-repeat;
height: 160px;
background-size: cover;
}
背景尺寸:封面使图像适应全宽度，但无论如何图像的高度仍然是160 no。如果我使高度变大，那就成了一个问题，因为屏幕变小时，它不会按比例收缩。
浏览 9提问于2022-10-27得票数 0
1回答
我正在建立一个网页，以了解有关响应web开发，并遇到了一个问题，我的链接。当页面宽度很小时，我想将超链接添加到我的图像中，但是当它变大时，我想将它们从图像中删除并放到另一个元素上。有什么方法可以用HTML、CSS和/或JavaScript来实现呢？
有关更多上下文，请查看幻灯片，其中我在屏幕宽度450 at处添加了一个断点。当屏幕变宽时，超链接在“读取更多”按钮上，但是当“读取更多”按钮消失时，我希望它在图像上。
浏览 0提问于2016-01-20得票数 0
回答已采纳
5回答
我想出了如何在一次点击后改变图像的大小，但我试图让图像在每次点击后缩小几个像素，我找遍了这个网站和其他网站，但我没有发现任何关于如何在每次点击后改变大小的内容。我正在寻找一种严格的方式在这种格式，我正在寻找的代码，能够在HTML文件内工作。
感谢大家的意见，你的所有建议对我来说都很好。再次感谢所有评论和发送答案的人。
下面的代码就是我到目前为止所拥有的
<!doctype html>
<html>
<head>
<script>
浏览 43提问于2018-07-26得票数 2
在我的html代码中，我有一个表(3乘3)，每个单元格都有一个图像。我想要它，这样当你把鼠标悬停在任何图像上时，鼠标就会变大，当你把鼠标移开时，它就会回复到原来的大小。
主要问题是它不会影响其他元素的x，y坐标。就像我试图增加其大小时，表单元格也会被展开并移动其他图像。
我想要它，使其他一切都保持在原来的水平上，图像扩展就在它们上面。
有谁知道如何在css3、jquery、javascript中实现这一点吗？
注意:图像应该从四面八方均匀地展开。
谢谢
浏览 4提问于2013-11-01得票数 1
回答已采纳
我想要能够点击一个图像，让它变得大，然后当我再次点击它，使它回到小。我正在尝试使用if/can语句来解决这个问题，但我仍然找不到答案。这就是我到目前为止拥有的JS：
document.addEventListener("DOMContentLoaded", function(event) {
var thumbnailElement = document.getElementById("smart_thumbnail");
if (thumbnailElement.className === "small") {
thumbnail
浏览 4提问于2017-11-20得票数 0
回答已采纳
1回答
这在我身上从来没有发生过，我也不知道为什么会出现悬停，但是后面的图像不会改变：
<div class="settings" id="settings" style="background-image:url(assets/settings.svg);"></div>
.settings{
width: 2.0vw;
height: 2.0vw;
margin-top: calc((8vh - 2vw)/2);
margin-left: 1.5vw;
float: left;
background-
浏览 1提问于2020-07-01得票数 1
回答已采纳
1回答
我有一个网页，在那里我可以点击它来添加图像。如果我点击图像，它会使它变大，如果我再次点击，它会将它的大小调整回原始大小。如果我点击屏幕上的其他地方，我可以创建另一个图像，也可以通过点击它来放大和缩小它。问题是，即使没有任何变量被删除或更改，也只能通过单击来调整最新图像的大小。这是我正在开发的一个游戏的一部分。我用最少的代码制作了一个样例页面来试用它，可以在这里获得。我想要的是能够在任何时候点击任何图像，它会变大或变小
浏览 0提问于2010-10-26得票数 0
回答已采纳
我正在尝试做一种效果，当鼠标悬停在图像上时，它会变大50%，一旦鼠标移出它的区域，它就会变大。使用jquery可以做到这一点吗？多么?有没有可能在没有jquery的情况下做到这一点？没有jquery会有多难呢？
浏览 4提问于2011-03-19得票数 2
回答已采纳
4回答
在网格视图中显示图像
、、、
我在Gridview中从数据库中的路径中显示了图像。现在我想以这样的方式显示图像，当用户将鼠标悬停在图像上时，图像就变大了。怎么才能做到。有什么想法请建议。
浏览 1提问于2013-10-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
