CSS -响应式并排图像

文章/答案/技术大牛

发布

0回答

html、css、image

我正在处理一个由两列组成的标题：所以这里的总最大宽度是840像素。因此，在420像素宽的情况下，我预计第一列的图像是100x75，而第二列的图像是320x75。我使用的是W3.CSS样式表，并且设置了w3-content和w3-row，但是我似乎找不到内部内容的正确样式组合。(部分要求和图像不能组合)进一步说明了这一点。更新:图像

浏览 11提问于2017-01-03得票数 0

1回答

作为CSS sprite的移动友好的翻转替代方案

responsive-design、sprite

CSS翻转精灵很酷，但对于响应式设计，我们现在使用图像(这是响应式的)而不是CSS背景(这不是)。对于响应式的基于图像的链接，有没有等同于CSS精灵的工具？或者，是否只有Javascript可以在悬停链接时从正常状态图像切换到悬停状态图像？

浏览 4提问于2013-02-03得票数 0

3回答

CSS或Javascript:如何将两个肖像图像并排放置在一个流体宽度的容器中？

javascript、css、flexbox

我想把两幅肖像画(宽度不同)并排放进这个`.container <p>Some Text</p></div

浏览 3提问于2013-02-13得票数 1

1回答

CSS更改要在缩放时堆叠的图像

html、css、mobile、responsive-design、html-framework-7

我有一个包含两个图像的菜单页面。基本上，我希望图像在web浏览器上并排显示(居中)，当在移动视图中时，我希望它们出现在彼此的顶部(以列居中)。因为当图像在移动视图中并排显示时，它们太小而无法点击。我一直在使用framework7样式表行和列类在web浏览器上并排放置图像。<div class="row"> <a href

浏览 16提问于2019-04-30得票数 1

1回答

SAPUI5中的列表项响应性问题

sapui5

我想做响应式列表项目。如何并排设置列表项？它总是把一个放在另一个下面。</Panel> </List>

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

1回答

WordPress十二张响应式图像-并排

wordpress、responsive-design、themes、image-scaling

如果你在一篇文章中有两张并排的图片，并且你最小化了屏幕，你会看到右边的图片被下推到下面，然后如果屏幕变小了，两张图片的尺寸都会开始减小。我想知道是否有可能防止它掉下来，同时让它并排在一起，同时减小尺寸。你可以在这篇文章中间的页面上看到一个例子。你会看到两个并排的图像，当你最小化你的屏幕时，你会看到图像被下推。我试着在CSS中胡乱摆弄，但还是搞不明白。如果任何人有任何建议，那将是很棒的

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

3回答

jQuery计算没有css或高度属性设置的图像高度？

jquery、html、css

我有一个响应式布局与一些图像。这些图像设置了max-width:100%。并且不能在CSS或HTML height属性中预先设置高度，否则当响应布局变小时，图像会扭曲。可以在jQuery中计算图像的高度吗？.height()和.css('height')依赖于css或height属性来设置，就像我说过的，当响应式设计改变大小时，我无法在不扭曲图像</em

浏览 1提问于2012-09-04得票数 1

回答已采纳

3回答

Bootstrap div在移动视图中依次位于另一个下方和另一个旁边

html、css、bootstrap-4、responsive

在顶部有一个标题，nagivation bar，在左侧的列中有一个图像，在右侧的内容。 </div>使用上面的代码，布局在默认视图中看起来很好，但在较小的响应式视图中，我无法让图像出现在无序列表旁边。无序列表和图像显示在彼此下方

浏览 9提问于2018-02-23得票数 1

回答已采纳

4回答

HTML代码把图片放在屏幕的左边，文本放在右边，下面有页脚？

html

我实际上是在寻找一个模板，我所要做的就是放置我的图像，文本和页眉和页脚代码。

浏览 5提问于2012-11-20得票数 2

回答已采纳

1回答

CSS响应式叠加图像

html、image、css、responsive-design

我有两个图像，它们需要互相覆盖。图像也必须是响应性的，因此具有百分比的宽度和高度。important;由于两个图像在调整大小时不具有相同的比例，因此位于较大图像顶部的较小图像将丢失其相对于较大图像的位置。如何在调整页面大小时保持较小图像相对于较大图像的位置？

浏览 0提问于2013-01-09得票数 1

2回答

我正在尝试创建一个全宽视差网站，并有一个问题，使部分的背景图像适当缩放。我如何让桌面视图中的全宽图像缩小并包含100%的宽度，但高度收缩和图像包含适合宽度的比例？我真的在寻找一种方法，当视口变得越来越小时，高度可以从100%缩小，这样图片的焦点就不会丢失，并保持与响应式图像一样的比例。我已经尝试了背景大小:容器，但即使这样，容器也必须有一个固定的高度，当背景图像缩小时，该高度必须改变，因为否则图像将不会与容器一起流动。background-posit

浏览 1提问于2014-08-27得票数 0

1回答

CSS响应式图像滑块

javascript、jquery、html、css、slider

我在一个小滑块上工作，它与固定值(在我的例子中是像素)一起使用。我试着让它适合浏览器的大小。#slider-wrap ul#slider li{ position:relative; height:400px; 由于某种原因，当我将li设置为100%时，它会使窗口size..and变为滑块包装的window..instead的100%。我不知道为什么..。

浏览 13提问于2017-01-20得票数 0

1回答

响应式背景css图像

html、ios、css

我希望图像覆盖整个部分，无论它可能是什么大小的屏幕。background-image: url("..

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

2回答

如何在移动视图中并行排列2幅图像？

html、css、mobile

这些图像已经使用max-width和max-height进行响应，也有float : left。使用display : inline-block不会将它们并排排列，而是在顶部和底部排列，但是当我减小窗口大小时，图像会变得更小。然而，使用display : flex，将它们并排排列.但问题是，当我缩小窗口大小时，图像不会变小并溢出。做这件事的正确方法是什么？我希望图像有相对的宽度和高度，并排排列(只有2张图片)，因此它们将变得更小或更大取决于窗口&#x

浏览 1提问于2016-09-17得票数 0

回答已采纳

2回答

两个iframe(不同大小)并排响应

javascript、html、css、responsive

我正在尝试添加两个iframe(视频(16:9)和图像(1:1))并排的响应式布局。不知何故，我设法找到了一种能使布局响应的代码，我现在面临的唯一问题是，我不能使视频具有与第二个iframe相同的高度(图像一)，同时保持它的纵横比(16:9，因为它是youtube视频)。v=1597626410"></iframe></div> CSS代码： .t_container{

浏览 25提问于2020-08-17得票数 0

回答已采纳

3回答

如何让带有响应式图像的div不是无响应式而是流畅的？

css

我想做一个布局，缩小大小，与响应式图像，但不是堆叠，我希望div并排但图像收缩。我在Drupal中也使用了boostrap，所以需要覆盖xs-* ect类。 

浏览 0提问于2016-03-21得票数 0

3回答

响应式容器中的响应式图像？

image、html、css

我如何让这个响应式图像，或者应该是什么，以适合它嵌套在其中的父级？ background: #fff;.header img { height: auto;您可以在此处查看该问题：谢谢!

浏览 2提问于2012-09-20得票数 1

回答已采纳

1回答

Bootstrap 3中的响应式背景图像

twitter-bootstrap-3

我正在使用Boot Strap 3创建响应式布局。我尝试使用背景图像作为响应式。但它不起作用。请给我建议。谢谢你，莫妮卡

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

4回答

如何根据分辨率改变图像大小？

html、css、twitter-bootstrap

我正在尝试创建一个将根据屏幕分辨率放大或缩小的图像。<div></div>img{} 谢谢你的帮助！

浏览 0提问于2014-02-06得票数 0

2回答

iPhone优化的2页"app“(网站)

html、iphone、ios、css

这非常简单，但我仍然不知道如何让它工作…… <link rel="apple-touch-icon" href="images/template/engage.png"/> 图像的编码是这样的<a href="xxx

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

点击加载更多