css实现图片等比例缩放 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

利用视差效应实现光滑的三维变换

javascript、jquery、html、css、frontend

(我已经将背景设置为洋红色以突出这些缺陷)到目前为止，我已经尝试了一些东西，比如在鼠标无限期地捕捉鼠标位置之前进行超时，但我仍然在努力实现那种光滑的过渡。在这里，CSS转换显然是无用的，因为它需要捕获mousemove上的鼠标位置。我怎样才能做到这一点？

浏览 5提问于2016-12-21得票数 2

回答已采纳

2回答

我有一个大的png图像(950x500px)，我已经使用CSS将其缩小到500px宽( 263高)。在把这个网页放到网上之前，我决定用GIMP缩放图片，因为用CSS缩放图片是不好的做法。然而，当我在Google Chrome中使用GIMP而不是CSS缩放图像时，即使这两个图像都是png并且具有相同的尺寸，图像质量也有明显的下降。Google Chrome使用什么压缩方法来提供如此高质量的图像缩放?我如何离线实现这一点

浏览 0提问于2013-04-08得票数 0

回答已采纳

1回答

网页中的几张图片以相同的方式缩放--如何实现？

html、image、web、zooming

我是做图像处理的经验丰富的C++开发人员，但我有一个任务，创建一些网页来比较不同的结果，几种算法应用于一幅图像。例如，初始页面可能看起来像这样，源图像在顶部：然后我将鼠标光标悬停在源图像上，通过转动鼠标滚轮进行放大，并将其拖动到感兴趣的区域，所以现在我可以看到如下所示：好了，仅此而已。我不需要任何漂亮的动画或花哨的字幕预览。这只是一项务实的任务。我认为，有几十种方法可以做

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

回答已采纳

1回答

如何在没有完全自动缩放的情况下在gnuplot中设置相同的x和y比例？

gnuplot、scaling

set view equal xy结果缩放取决于绘制的函数，而gnuplot不遵循输入的值。但是应该可以计算“？”仅从轴的可见长度(Lx，Ly)和“等比例”条件(Sx=Sy)的知识：Lx/(-5-5) = Ly/(-1-?) ?有没有人能帮我实现这种“非全自动”的伸缩？提前谢谢。

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

2回答

如何使解决方案正常？

jquery、css、plugins、slider、cycle

当我缩放页面时，只有当我刷新页面时，图片才不会保持相同的分辨率。如何在缩放时而不是刷新后使图片保持相同的分辨率？

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

3回答

在翻转时在另一个图像上显示图像

javascript、jquery、html、css、mousehover

我想要显示一个缩放图像(在鼠标悬停时)在某些图像的顶部，以暗示“单击此处进行缩放”。我不想使用光标。我确信有一个很好的方法可以用javascript jQuery做到这一点，但我不知道。

浏览 1提问于2010-08-14得票数 3

回答已采纳

1回答

phonegap -放大swiper.js幻灯片

zooming、iscroll、swiper

我正在工作的ios网络应用程序，这将与phonegap包装，以便缩放在一般情况下是禁用的，视口是不可伸缩的。我有一个幻灯片，我使用swiper.js --我使用iscroll.js实现缩放功能。当我放大了图片，现在滑动查看缩放的框架时，滑动被解释为转到下一个幻灯片图像。所以我的想法是，当我处于缩放模式时，将"swiper-no-swipe“类添加到幻灯片中，并在我缩放回原始大小时将其删除。我猜iscroll.js使用css-transfor

浏览 5提问于2015-01-25得票数 0

1回答

响应jquery的图像交叉淡出转换

javascript、jquery、html、css、cross-fade

function (){ var $$ = $(this); .find('img:first') $$.css

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

回答已采纳

1回答

当高度设置为百分比时，保持图像宽度与高度相同

html、css

我不太确定这是否可以在纯CSS中实现，尽管它会更可取。我有一张图片：CSS： height: 55%;那么，怎样才能使width与height我正在尝试实现一个完美的圆形(所以我显然应用了一些border-radius )，这也可以缩放以填充它的容器(实际上是在height中填充它的容器的55% )

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

2回答

html5中的图像查看器

javascript、asp.net-mvc-3、html、html5-canvas

我有以下问题在开发这样的应用程序时，HTML5有任何范围吗？

浏览 4提问于2012-09-20得票数 5

回答已采纳

3回答

仅使用HTML-CSS制作缩放-调整大小后停留在适当位置的覆盖<div>

javascript、html、css

我在我的网站上，将有图片库工作。设计师的想法是让切换照片的按钮在照片上方一点。目前我已经为此做了一个javascript解决方案-它获取照片的位置，并将绝对定位应用于按钮div。此外，我必须制作一些肮脏的haxx，使它在缩放后留在适当的位置。我想知道是否有更好的方法来做到这一点，最好不要javascript。

浏览 6提问于2009-05-12得票数 0

回答已采纳

1回答

如何在charts4j中缩放饼图？

charts4j

然而，我似乎想不出如何缩放饼图。我可以使用.setSize调用重新调整图表的大小，但这不会改变实际饼图的大小。它只会给我更多的空白。有没有办法让馅饼变大/变小？你是怎么做到的？谢谢。

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

1回答

ShinyDashboard -使用CSS缩放

css、r、shiny、shinydashboard

我正在尝试在我闪亮的仪表板上实现缩放，因为当网页浏览器的缩放比例为80%时，布局看起来更好。图片显示问题

浏览 18提问于2017-12-13得票数 1

4回答

如何根据自身的百分比而不是容器的百分比缩放img

css、image、scaling

如何根据自身的百分比而不是容器的百分比来缩放img？我不敢相信我以前从来没有遇到过这个问题，所以我猜要么是标准改变了，要么是我做错了什么，因为我非常确定，在CSS之前，缩放图像是可能的但是现在它根据容器对象的大小进行缩放，这与我完全无关。除了让我在javascript中开始计算像素之类的东西来实现这个非常简单的图像样式之外，没有其他

浏览 0提问于2013-01-21得票数 3

回答已采纳

2回答

正方形区域非方形缩略图的纯CSS/3解决方案

css

给出一个非正方形的图像，我想把这个缩放成一个200 px200 box的盒子：有可能吗？

浏览 8提问于2014-01-28得票数 2

回答已采纳

3回答

使用CSS缩放图像，同时保持圆角

html、css、background-image、image

我在我的页面上显示了一张图片。图像有一些圆角，这是我用一些CSS技巧实现的。但现在的问题是自动缩放图像。使用<img>缩放图像没有问题，但在圆角代码中使用它就成了一个问题，因为这是通过背景图像实现的。.informationBarLeft {height: 160px;float:15px

浏览 0提问于2012-07-27得票数 3

回答已采纳

1回答

CSS裁剪或缩放图像到DIV，宽度为100%

html、css

是否可以在DIV中裁剪(缩放)图像？我已经试过了，右边(黑色)的肖像图片将被裁剪-左边(红色)的风景图片也应该被缩放和裁剪。是否可以只使用CSS？

浏览 2提问于2014-03-28得票数 1

1回答

为什么QTWebKit如此落后于Google ( Chrome )？

qt、google-chrome、standards、qtwebkit、chromium

它缺乏许多CSS属性，缺乏抗混叠，它呈现旋转图片丑陋，选择的文本是实现了很多铬很好，它的缩放更好的页面缩放，仅举几个例子。对webkit源代码有多少贡献？是否有可能在Qt？

浏览 1提问于2011-10-03得票数 6

回答已采纳

1回答

jquery从屏幕中心点缩放div的高度和宽度

jquery

我需要的是，我创建的div有0px的高度和0px的宽度，在这种状态下，它需要缩放到我要附加的图像的大小。因此，当它获取图像大小时(我将其保存在数组中)，它需要缩放数组提供的高度和宽度。如何从屏幕中心实现div缩放？$('#slideHolder').appendTo('body').css({border:'1px solid red'}); var getHCenter = ($(windowgetVCenter = ($

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

回答已采纳

3回答