不使用浏览器调整图像大小(仅限CSS/HTML)

文章/答案/技术大牛

发布

2回答

背景图像水平压缩

html、css、background-image

根据一项建议("css仅限技术号1“此处为)，我使用了一个内联img元素和css来生成一个背景图像，该图像将填充整个浏览器窗口。除了在一定的窗口宽度下，当图像调整大小时，它就开始水平压缩图像，也就是说，不保持图像的高宽比。 <div class="c

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

回答已采纳

1回答

html、css、responsive-images

在我当前的项目中，我想要的只是使用CSS/HTML让我的图像在中随页面调整大小。我在以前的网站上用过这种方法，但now...it却不行，当浏览器窗口调整大小时，它只会从右边切掉图像，而不会调整任何大小。/* CSS Document */ div.divBannerScal

浏览 11提问于2020-05-28得票数 0

回答已采纳

6回答

CSS:自动调整高度

html、css

有没有办法使用CSS自动调整图片的高度？宽度是可以的，但图像的高度将根据显示器屏幕分辨率自动调整大小。这是我的HTML：<img src="image/bg_menu.png" alt="" /> </div&

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

4回答

模糊背景图像，但将图像聚焦在框内。

javascript、css、image

有人知道一种css/javascript技术，它可以实现以下功能:全屏背景图像模糊，但浮动部分图像不模糊，但该部分保持中心位置，浏览器窗口大小调整。背景图像需要与浏览器窗口调整大小，但聚焦部分需要保持中心，并具有相同的框大小，而其剪裁的背景图像与模糊背景一起调整大小。见示例图像。必须跨浏览器<

浏览 9提问于2017-04-09得票数 3

回答已采纳

3回答

垂直中心响应图像

jquery、css、twitter-bootstrap、responsive-design

请参阅以下jsFiddle：<img class="mobile-title-size" src="http://zx85.dyndns.org/raphtest/img/title.png" alt="Logo">.mobile-title-size {top: 2.5%;width: 70%;} 这是

浏览 7提问于2013-03-15得票数 8

回答已采纳

3回答

CSS3 -(背景大小:自动100%;) -意外行为

css

="screen" /> <BODY></HTML>目前，我希望我的CSS能够做它应该做的事情。我已经将背景设置为水平和垂直对齐到中心，并将其设置为应该是的

浏览 3提问于2012-06-26得票数 1

回答已采纳

7回答

在保持比率的同时调整图像大小

php、mysql、html、css

我正在使用MySQL列出照片：$a = mysql_query("select * from x");<?尺寸为150x500像素的图像会变得非常扭曲。我该如何解决这个问题呢？

浏览 1提问于2010-01-29得票数 1

回答已采纳

2回答

图像在IE中显示为拉伸

jquery、css

基本上，我使用jQuery从Flickr获取图片，如下所示： $.getJSON("URL-GOES-HERE", function"<a href='" + item.link + "'></a>").wrap("<div class='flickr-thumb' />"); });我将<

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

1回答

当浏览器调整大小时，不断移动视频上的可调整大小/可拖放的图像

javascript、jquery、jquery-ui、jquery-ui-draggable、jquery-ui-droppable

我正在编写，在该中，当浏览器调整大小时，要经常在视频上移动/调整图像的大小(这本身就是可调整大小的/可拖动的图像)。我使用过的HTML/CSS/JS代码片段是：<div id="wrapper" style="display:inline-block">

浏览 0提问于2018-10-18得票数 0

回答已采纳

1回答

预览和缩放图像，如Firefox

javascript、jquery、css、image

在Firefox中打开图像时，它具有以下特征：如何使用</

浏览 4提问于2015-06-09得票数 2

回答已采纳

2回答

将图像大小缩小到左边

html、css

我试图仅使用CSS或CSS3实现以下效果：图中的箭头表示一幅图片。当浏览器调整大小时，我希望图片在不接触文本的情况下向左移动，并且图片不会调整大小。基本上，在这种情况下，箭头会随着浏览器调整大小而变短，所以图像的其余部分仍然隐藏着，这样当我再次最大化窗口时，箭头就会回来。这是否只适用于CSS或CSS3？

浏览 4提问于2014-08-12得票数 0

回答已采纳

2回答

CSS:适当限制表中两个图像的大小

html、css、cross-browser、image-resizing

我有一个简单的HTML/CSS任务。我有一个页面，其大小相同的两个图像显示在一行中。见。我需要调整图像的显示大小，以满足所有这些标准：至少在IE9、

浏览 2提问于2012-09-27得票数 0

1回答

在垂直调整浏览器窗口大小时，是否按比例调整图像大小？

javascript、jquery、css、html、responsive-design

我有display:table的文章和display:table-cell的图像包装器，用来实现图像的垂直和水平对齐。图像被设置为80%的宽度和高度，因此当调整浏览器窗口的大小时，图像应该按比例缩放。class="layer"> <img src="whatever.jpg" alt="image"/&

浏览 0提问于2012-01-21得票数 5

回答已采纳

3回答

如何确定元素相对于窗口大小的位置

html、css

我在页面上只有一个图像(一个复选标记)，当用户调整浏览器大小或转到全屏时，我想要修复它的位置。正如您在这里看到的，当我试图调整浏览器的大小时，图像在页面周围移动：(图像是复选标记)当我再次调整浏览器的大小时：所需的结果是修复图像的位置，就像页面中间的play按钮一样，相对于窗口移动下面是图像的CSS：注:我

浏览 3提问于2019-12-11得票数 1

2回答

背景上的图像粘在左边的全屏按钮上

jquery、html、css

我有一个简单的html文件的标题和三个按钮，CSS只有一个图片。<!/pics/somePicture.jpg) no-repeat center center fixed;}当我调整大小，最小化，最大化我的浏览器窗口，标题和三个按钮被粘贴到我的左边框和图像调整大小。而我希望按钮保持在左边，就像我的浏览器窗口在全

浏览 2提问于2015-09-24得票数 0

5回答

/twitter-logo.png is resized in HTML or CSS from 367x367 to 20x20./linkedin.jpg is resized in HTML or CSS from 1,024x768 to 20x20./panorama.jpg is resized in HTML or CSS from 604x453 to 100x100./googleplus.jpg is resized in <e

浏览 1提问于2013-01-19得票数 14

回答已采纳

1回答

为什么当站点没有重定向时，PageSpeed洞察报告“页面达到了3个客户端重定向的限制”？

redirect、pagespeed

向提交相同的url或使用浏览器扩展(如 )，在同一个url上没有发现重定向。是否还有其他类型的重定向或导致这些工具可能丢失的Pagespeed重定向错误？是否有进一步排除此错误的建议？

浏览 5提问于2016-09-16得票数 2

1回答

100%窗口的背景图像(并随其调整大小)

javascript、jquery、image

复制件： CSS不允许您设置背景图像的大小，只能设置其重复的方式。(但我想把它拉长) 我认为jQuery是实现这一点的最安全和最快的方式，以克服浏览器不兼容。或者，使用常规的javascript可以快速完成此操作？

浏览 1提问于2009-05-17得票数 3

回答已采纳

1回答

如何使div大小与div内容相匹配(以创建阴影效果)？

html、css、sass

我有这个html <img src="/path/to/img.jpg" alt="" class="img-fluid">而这个css height: 100vh; position: relative;.picture-imag

浏览 9提问于2022-05-26得票数 1

回答已采纳

1回答

如何使我的图片库响应

javascript、css、html、responsive-design

我只使用HTML和CSS。现在我在让它有反应方面有问题了。一旦我调整浏览器的大小，图像就会脱离框架。我想让图片库改变不。根据浏览器的宽度设置列，不影响图库的功能或悬停效果。

浏览 2提问于2017-01-27得票数 0

回答已采纳

点击加载更多

背景图像水平压缩