具有响应性高度的全宽背景

文章/答案/技术大牛

发布

1回答

javascript、jquery、html、css、zurb-foundation

我正在尝试使用Foundation来构建一个具有全宽图像和负责任高度的页眉。有没有什么方法可以用CSS来实现，或者我必须使用javascript？你能帮我一下吗？<!

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

1回答

背景视频在任何设备上，存在还是不存在？

android、jquery、css、background、html5-video

我有一个任务，使背景视频，始终是全高和全宽。当我说全高时，我的意思是总是(响应性的)高度作为屏幕高度，滚动之后是其他内容，页脚...问题的另一面是，视频必须在所有设备上播放，从移动设备到桌面设备。这样的东西是否存在，是否有人使用过类似的东西？谢谢!

浏览 0提问于2015-12-03得票数 0

2回答

对齐背景图像

html、css、layout、background-image

我正在尝试响应(全宽！)对齐三个背景图像+文本。要求这个块始终保持相同的高度，没有固定的宽度，因此它必须具有响应性(当浏览器调整大小时，图像会相应缩小)，在移动设备上，它应该变成三行。在每个背景上，我需要添加不同数量的文本，但整个区块必须始终保持相同的高度！另外，我不想使用javascript，能不能只用html/css就能做到这一点并

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

2回答

调整宽宽比的div以适应内容css图像

javascript、jquery、css

你好，我有一个div，作为背景，我有一个宽192 an和高度1200 an的图像。divs有100%的宽度和window.innerHeight的文件就绪；我想要做的是基于window.resize计算div元素的新高度</em

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

回答已采纳

1回答

Bootstrap 3和响应式背景图像？

html、css、twitter-bootstrap、responsive-design

我正在尝试使用Bootstrap创建一个响应式站点，该站点具有多个全宽背景图像。这个想法是让每个图像拉伸到浏览器窗口的宽度，然后相应地缩放高度以保持纵横比。我已经把我现在得到的东西放到了JSFiddle上：

浏览 2提问于2013-09-15得票数 6

回答已采纳

1回答

视频不是全宽的

jquery、css、iframe、video

有一些视频不是全宽格式。我给高度的iframe 800px然后视频是全宽的，但这不是正确的解决方案，在这种情况下，我将失去响应性。所以我想要100%宽度的视频。请给我推荐一个正确的解决方案。

浏览 2提问于2014-06-21得票数 2

2回答

CSS响应式BG图像

css、html

我正在尝试创建一个全宽视差网站，并有一个问题，使部分的背景图像适当缩放。我真的在寻找一种方法，当视口变得越来越小时，高度可以从100%缩小，这样图片的焦点就不会丢失，并保持与响应</

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

1回答

全宽HTML5视频问题

css、html、video、width

我正在寻找一种方法来做一个全宽(但不是全高)的HTML5视频。示例：谢谢!

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

3回答

在使用CSS网格时，如何调整图像大小以完全适应其容器？

html、css、css-grid

我是编程新手，几周来一直在努力调整图片的大小。当从我的计算机添加图像时，除非我设置了max-width，否则它们都会溢出容器。在设置max-width之后，每个图像下面都有很多不需要的空格。什么是最好的方法，使图像完美地适合他们的容器，同时也使其响应？我不确定我设置的所有宽度和高度属性是否都是必需的。

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

3回答

响应式设计中的背景图像高度css/ html

css

我有一张背景图片。它的尺寸是宽200px，高120px。我正在重新设计网站，使其具有响应性。如果去掉高度，图像就完全消失了。ease 1s;-ms-transition: all ease 1s;我怎样才能在不丢失图像的情况下消除高度，使其具有响应性？

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

0回答

Div与背景图像大小相同

javascript、jquery、html、css、image

所以我有一个带有背景图像的div，当我调整窗口大小时，我想让div的大小与背景图像相同，这样我就可以在它的中心放置一些文本，我想要图像具有响应性，所以div也是如此。图片和文本的我的html： <h1>Welcome to my website</h1>

浏览 0提问于2016-07-02得票数 1

回答已采纳

2回答

完整的浏览器视频，视频比例

html、video、html5-video

我正在尝试创建一个全浏览器宽度的视频，类似于下面的例子：是否可以将视频放在容器中，并给出一个高度，该高度将掩盖视频的部分高度。我不介意剪掉一些视频。

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

2回答

停止将背景调整为固定宽度布局上的视口大小

html、css、background

我的网站应该有一个固定宽度的布局(没有响应性)，背景扩大了浏览器的整个宽度。网址: www.knockedupnowwhat.com谢谢

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

2回答

Outlook '07/'10/'13的全宽背景

html、email、outlook、html-email

我一直在使用campaign monitor的代码处理单个固定高度/宽度的<td>，它在所有桌面客户端上都运行得很好，但我们正在转向全宽电子邮件，我无法在任何mso版本的outlook中正确显示全宽选项也就是说，这种情况会发生：作为body的第一个孩子，我遵循了他们的指导，并保留了他们的代码，但背景延伸到了outlook的边际。我

浏览 2提问于2014-04-25得票数 4

1回答

IFrame响应性问题

html、css、iframe

如何使iframe以全宽响应iframe, object, embed{}注意：解决方案是什么？

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

2回答

全宽-正常高度BG Img

jquery、html、css

因此，我在谷歌上一遍又一遍地寻找一些代码，以帮助我修复我的拉伸宽度背景图像。我希望使我的背景图像适合所有浏览器的分辨率宽度，高度必须保持它在图像上的高度。到目前为止，我的代码给了我一个全宽的背景，但没有拉伸图像，所以它是全宽的，但图像没有移动。

浏览 1提问于2013-08-25得票数 1

1回答

如何创建这个“图像重叠-div”布局，同时保持它响应CSS和/或JS？(见图像示例)

javascript、html、css、flexbox

如何定位图像(暗矩形)，以重叠的背景，固体色全宽的div完全与图片(在60%左右的高度)，同时保持相同的不同屏幕大小(响应)？ .full-width-hero-bg { top: 0; width: 100%; background: gra

浏览 7提问于2022-02-01得票数 -1

1回答

具有绝对DIV覆盖的响应式Div行+列布局

html、css、wordpress

我正在尝试实现附加的布局我对DIV B进行了绝对定位，使其涵盖了内容和DIV C任何帮助，我将不胜感激，我可以实现布局与桌面，但没有响应

浏览 1提问于2016-05-16得票数 0

1回答

有什么方法可以设置PagerSlidingTabStrip指示灯宽度吗？

android、pagerslidingtabstrip

这里我使用的是Android PagerSlidingTabStrip，我想知道如何设置它的指示器宽度而不是它的标签，比如设置它的指示器宽度2/3作为它的标签。 <?android:layout_width="match_parent"</LinearLayout> 我已经设

浏览 5提问于2017-04-28得票数 2

3回答

无法显示全高的背景图像？

html、css、responsive-design

我希望在div中有一个图像作为背景，并且当浏览器调整大小时，我希望它像标签中的图像一样具有响应性和伸缩性。但我在这里做错了什么，因为我的图像不是全高的！？它的高度只有80px。如果我将高度设置为650px，那么它就可以工作了，但是即使浏览器窗口更小，它的高度也是一样的！希望能对解决这个问题有所帮助。

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

点击加载更多