CSS中响应式水平图像布局

文章/答案/技术大牛

发布

2回答

html、css、image、layout、responsive-design

我想插入一些图像(可能在2和4之间)，不同的纵横比，在一个行，这是整个文本区的宽度。这行图像将被插入到两段文本之间。我希望所有图像都适合文本区域的宽度(它将随窗口大小动态变化)，并希望它们都具有相同的高度(当然，这意味着“横向”图像比“纵向”图像占用更多的水平空间，等等)。文本区域的宽度将根据窗口/屏幕大小动态更改，因此图像占用的总面积也必须相应更改。本质上，我希望图像组将自己排列成等高的一行，然后表现得几乎与“行”本身只是一张图像

浏览 27提问于2017-07-12得票数 0

1回答

如何在响应式布局中为移动屏幕添加另一个导航

wordpress、layout、navigation、responsive-design

我正在与响应式布局的wordpress主题设计。响应式布局是使用css3媒体quires.Currently安排的，该主题导航依赖于大屏幕尺寸的水平superfish导航。

浏览 3提问于2012-12-21得票数 0

回答已采纳

3回答

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

jquery、html、css

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

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

回答已采纳

2回答

全屏响应式水平网站

fullscreen、horizontal-scrolling、fullpage.js

我试图找到最好的方法，以便创建一个水平的网站，全屏，如果可能的话，响应，最小宽度为平板电脑。问题是，我还需要使用鼠标滚轮进行水平滚动，但我发现fullPage.js不支持这个功能，或者至少我不能让它在这个插件上工作。

浏览 2提问于2013-12-21得票数 3

1回答

Bootstrap 3中的响应式背景图像

twitter-bootstrap-3

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

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

2回答

在响应式布局中绝对定位背景

css、css-position、responsive-design

我正在设计一个响应式布局，并使用以下CSS在背景上放置了一个粗糙的png覆盖： background:url(images/top1.png) no-repeat; height:350px; left:50%; } 这样，无论页面宽度如何，图像始终居中当浏览器窗口的宽度小于#bg覆盖的背景图像时，就会出现我的问题。出现一个

浏览 1提问于2011-12-04得票数 2

回答已采纳

2回答

在小浏览器窗口中水平显示图像

css

图像在100%的情况下看起来很棒，但当我缩小窗口大小时，风景图像开始调整大小，我知道它们是为了适应浏览器窗口的宽度而缩小的。然而，当我真的变得很小时，为了模仿智能手机，我真的希望这些图像堆叠在一起，因为这对肖像图像更有意义。所以我们的想法是，当浏览器很小时，从左到右，然后从上到下。我对css有点生疏了，我不记得该怎么做了。我正在做这一切通过我的可湿性粉剂覆盖选项，所以我应该遵循的方法，只与css将是最好的，因为我是一个更复杂的tard。谢谢！-Jadan

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

1回答

CSS视图端口媒体查询在Windows Phone上的IE中关闭水平滚动

css、responsive-design、viewport

要在Windows 8的现代UI中正确显示IE中的响应式布局，我们需要以下CSS：来源：<div style="width:100%;o

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

1回答

对响应式设计中“缩放”的思考

css、layout、responsive-design、zooming

我正在尝试使用HTML和CSS进行响应式设计，这是我的问题：如果你只是调整窗口的大小，布局适合，如果你只缩放，布局适合，我没有问题，但如果你在调整窗口大小时缩放，布局会有一点中断。我没有问题的200%，300%的缩放水平，主要是400%或500%使一些问题给我。

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

回答已采纳

1回答

水平响应式布局

php、jquery、html、css、responsive-design

我试图在这里实现一个水平的响应式布局，现在已经有5个小时了，我可以用来实现，但我相信那是用螺丝刀来做锤子的工作:)使用浮动不会做任何事情，我也尝试使用位置绝对和相对，绝对打破幻灯片，因为他们使用最大宽度

浏览 7提问于2012-11-10得票数 0

1回答

css、responsive-design

我不是一个css专家，我正在建立我的第一个响应式可湿性粉剂主题。似乎我在chrome和FF上可以工作(至少在我的mac上看起来还可以)，但在Safari中，当调整浏览器窗口大小时，宽度似乎100%不起作用(在iPhone和安卓手机上也是如此)。

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

1回答

在Drupal7中使用CSS在递归div中居中显示可调整大小的图像

css、drupal-7、css-float、drupal-theming、html

我正在对我在Drupal7中创建的一个图片库进行主题化工作，用户可以通过它上传几个图像，从而在页面上看到一个图像列表。我使用Responsive Images and Styles模块，所以图像没有固定的大小。我想要的效果是这些图像排成一行并始终居中，它们之间具有相等的间距/间隔宽度，而不考虑浏览器的大小。因此，添加媒体查询的最终结果将是一个列的页面，因此在iPhone视口中，一个图像位于另一个的顶部，三到四个列的页面，图像并排地躺在桌面屏幕上。

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

2回答

如何在HTML中制作流畅的、堆叠的列布局？

html、css

我需要构建一个类似于www.PInterest.com的布局，根据浏览器的宽度(是响应式设计)，列的数量会有所不同。问题不是水平堆叠，而是垂直堆叠。使用ASP.NET MVC3、HTML/HTML5、CSS/CSS3

浏览 4提问于2012-02-17得票数 0

2回答

如何使用CSS创建响应式水平布局？

html、css、horizontal-scrolling

我在一家创意设计工作室工作，他们喜欢打破范式和惯例来创建独特的网站布局，最近我们开始开发水平网站布局。虽然水平网站布局看起来“很酷”，但我还没有想出如何让它们像基于垂直网格的开箱即用网站一样流畅和灵敏。使用响应式布局，您的内容可以无限滚动出页面，它的宽度可能会发生变化，特别是如果内容是唯一的，因此公式target/context * 100实际上不起作用(或者是这样吗？)。是否有一种方法可以在元素上设置响应性高度、填充和边距

浏览 1提问于2012-07-12得票数 5

回答已采纳

4回答

响应式水平布局

html、css、layout

我有一个水平布局，宽度:自动，高度: 100%，但主体或容器不会拉伸以保持图像的纵横比。我将使用这些图像作为面板div的背景。src=""/> <div id="panel4" class="panel"> <img src=""/>

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

回答已采纳

点击加载更多