腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
如何在图像达到一定程度后停止图像的收缩?
javascript
、
jquery
、
css
、
background-image
我的背景图片是这样大的: 1920 × 1200 下面是我展示它的方式: html { background: url("back.png") no-repeat top left fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 这工作得很好,但是现在我想让它在达到某个预先定义的范围后停止重新调整?例如,当图像缩小到1300x500时,它可能会停
浏览 0
提问于2013-07-17
得票数 0
1
回答
使用background-size: cover时,如何保持背景图片的纵横比?
html
、
css
、
debugging
我正在处理一张背景图片。 有没有办法在使用background-size: cover;后也能保持图像的纵横比?我的图像非常适合屏幕,但同时-它有点模糊。我尝试过height的height: auto;或任何其他值,但看起来background-size: cover;不允许对高度进行操作。 有没有办法控制身高?换句话说,在不粉碎图像的情况下垂直拉伸背景图像?
浏览 42
提问于2021-04-29
得票数 0
1
回答
CSS背景固定+封面拉伸图片(未正确覆盖)
css
、
reactjs
、
background-size
、
background-attachment
我在我的ReactJS网站上使用了固定的背景图片。我在标题区域使用的图像被奇怪地拉伸(放大,只有一小部分图片可见),尽管不同元素的相同CSS属性工作得很好。 App.js return ( <div id="main"> <div id="header"> ... </div> ... <div id="bg-img1" className="background_image"> ... App.css #header { background-i
浏览 5
提问于2019-08-23
得票数 1
1
回答
使用div的响应式背景图像时的CSS问题
html
、
css
、
image
、
background
、
responsive
我正在尝试使一个div的背景图像覆盖在桌面和移动设备的屏幕上。它在台式机上工作得很好,但无论我怎么尝试,图像在移动设备上似乎都放大了。 这是页面: 这是< div class="section1“>的CSS /*desktop*/ @media only screen and (min-width: 800px) { .section1 { width: 100%; margin: 0 auto; text-align: center; background-image: url(TAPPD1_.jpg); background-at
浏览 19
提问于2019-07-07
得票数 0
1
回答
如何在CSS3中按高度缩放背景?
css
我知道我可以为“background -size”属性使用cover或contain值,但这可以根据窗口高度缩放背景吗? 我试过了 background-size: auto contain background-size: cover contain 两种方法都不起作用。
浏览 0
提问于2012-03-04
得票数 0
回答已采纳
2
回答
如何在调整大小时停止背景图像的收缩
html
、
css
所以我有一个带有背景图像的div,背景大小设置为cover。下面是div代码: .imgContainer { width: 400px; height: 340px; z-index: 1; border: 0; background: url('https://dummyimage.com/800x680/ccc/333'); background-position: 50% 25%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-
浏览 0
提问于2019-02-25
得票数 1
1
回答
使用CSS缩放背景图像
css
、
twitter-bootstrap
、
image
、
carousel
、
scaling
我使用的是来自Startbootstrap.com的以下,主页上有一个旋转木马。当我使用CSS属性设置背景图像时,background-size: cover;它拉伸图像但不缩放。如何拉伸图像以覆盖整个旋转木马面板并适当缩放。 HTML: <div class="item"> <div class="fill" style="background-image:url('Content/img/myimage.jpg');"></div> CSS: header.carousel .fil
浏览 4
提问于2017-06-19
得票数 0
1
回答
在HTML和CSS中使图像对移动设备响应
html
、
css
、
iphone
、
image
、
responsive
我知道这只是几个帖子,但它们都不适合我,这就是我向你寻求帮助的原因。井。我正在创建一个网站,我试图让我的图像响应,但我不能让它工作。 #banner2 { background-image: url(Images/banner2.jpeg); background-attachment: fixed; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-wi
浏览 0
提问于2018-09-12
得票数 0
2
回答
如何保持标题背景图片的纵横比?
html
、
css
、
responsive
自从我真正开始学习CSS以来,这个问题就一直困扰着我。我知道如何设置背景图像和使用background-size: cover来使其缩放。然而,我不知道如何在标题中适当地拟合图像...假设是10vh或50%。 html, body { width: 100%; height: 100%; } #main-head { background: url('./header-image.jpeg'); background-size: cover; height: 70%; } 我看看..。Example:1 我试过做background-size: c
浏览 29
提问于2019-02-28
得票数 1
2
回答
当滚动条出现时,HTML背景图像更改大小
html
、
css
、
background-image
我在我的网站的所有页面上都使用了这个背景图片: body { background-image:url('...'); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } 这在每一页上都能完美地工作。但是,当在具有和不具有垂直滚动条的页面之间切换时,页面宽度会发生变化,这会导致背景图像的大小略有变化,从而相应地进行缩放。 这种小的过渡是不愉快的,我想避免它。我该怎么做呢?有没有办法让背景图像“忽略”滚动条占据的空间?
浏览 3
提问于2016-02-25
得票数 3
2
回答
背景-封面
html
、
css
我的网站使用了像背景这样的图片。 我把这个用图片覆盖了整个页面 body.questionary{ background: url("../img/ques.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 我的图片是jpg,尺寸是703x883,大小是258KB。 问题是,当我看到页面时,
浏览 0
提问于2012-12-21
得票数 0
回答已采纳
1
回答
背景大小属性弄乱了我的页眉
css
、
background-image
我有一个600px高的标题,它使用背景图像作为其bg。当屏幕超过1600px时,我使用cover,缺省值是contain。覆盖标题的是一个500px高的图像(绝对定位)。 当我调整浏览器的大小时,页眉不会保持它的高度,这很容易被覆盖在页眉上的图像看到。 代码如下: /* ===== HEADER ==== */ header{ height: 600px; min-height:600px; width:100%; min-width:100%; background-image: url(../images/headerBG.jpg); background-repeat: no-repe
浏览 0
提问于2012-12-18
得票数 0
2
回答
CSS3 cover属性-它是否保持纵横比?
css
我正在创建一个使用CSS3全屏画廊的网站。这是我第一次使用CSS3处理全屏图像,而不是JS。 问题是我使用的background-size:cover属性并没有做我认为它应该做的事情。我认为通过使用封面,浏览器可以调整图像的大小,但它会保持原始的纵横比,这样就不会裁剪任何内容,但这并没有发生。 例如,如果我使用分辨率为1366x768的1500x900图像,该图像没有正确缩放,它会覆盖所有内容,但它会删除其中的一部分,因为提供的图像大于分辨率。 以下是我用于bg图像的代码: .image{ background-repeat:no-repeat; background-position:
浏览 5
提问于2012-08-22
得票数 0
2
回答
背景图像被剪切掉,或者添加了滚动条
html
、
css
、
image
、
background
、
background-image
我使用以下代码来设置我的HTML的背景图像: body { margin: 0; background: url('images/lightning.jpg') no-repeat center center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } 但图像并没有完全显示在屏幕上,所以我尝试了以下解决方案:,但效果不佳。 有没有人可以帮我设置背景图片,
浏览 0
提问于2021-06-23
得票数 0
1
回答
CSS -背景图像水平拉伸和垂直重复?
css
、
background-image
使用background-size: cover,我可以让背景伸展到适合整个页面的宽度。 使用repeat-y,我能够使背景重复或垂直平铺到页面的完整高度。 有没有办法把这两种效果结合起来呢?不幸的是,它们似乎不能协同工作(至少在Chrome中是这样)。似乎我可以使用background-size: cover在两个方向上拉伸,或者不在x方向上拉伸,但在y方向上重复。 编辑:使用background-size: 100% Npx (其中N是图像的高度)我可以完成上面的操作,但它会扭曲背景图像,因为它只在一个方向上拉伸。有没有办法让它保持一定的比例呢?
浏览 1
提问于2016-12-08
得票数 13
回答已采纳
14
回答
对于图像元素,有没有等价物background-size: cover和contain?
html
、
image
、
css
我有一个有许多页面和不同背景图片的网站,我从CSS中显示它们,如下所示: body.page-8 { background: url("../img/pic.jpg") no-repeat scroll center top #000; background-size: cover; } 然而,我希望使用<img>元素在一个页面上显示不同的(全屏)图片,并且我希望它们具有与上述background-image: cover;属性相同的属性(图像不能从CSS显示,它们必须从HTML文档显示)。 通常我使用: div.mydiv img { wi
浏览 25
提问于2012-07-26
得票数 289
回答已采纳
3
回答
background-size: cover;和background-size: 100%;有什么区别?
css
、
background-size
当我将div图像的background-size属性设置为background-size: cover;或background-size: 100%;时,两者看起来是一样的。 有什么关系?我应该在什么时候使用封面,什么时候使用100%?
浏览 5
提问于2014-07-09
得票数 18
回答已采纳
1
回答
使用Cover值时,背景大小不能缩放
html
、
css
html ,body { height:100%; width:100%; margin:0px; } h1 { margin:50px; } .jumbotron { height:100%; background-image: url("http://www.zoophotels.com/wp-content/uploads/2015/02/cpt-new.jpg"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size:
浏览 0
提问于2016-05-02
得票数 0
3
回答
响应:调整div中背景图像的大小
html
、
css
、
responsive-design
我使用下面的代码在div中显示一个图像作为背景。我如何调整它的大小? #header { height: 255px; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; background-position: 50% 50%; background-image: url('../simg/header.png'); }
浏览 0
提问于2012-08-28
得票数 0
2
回答
100%宽度背景图片顶部截取
html
、
web
、
css
当我使用1920x1080的图片(或者我尝试过的其他分辨率)时,图片的顶部被截断了。有什么方法可以防止这种情况发生吗? div.background { background-image: url("/images/home.jpg"); background-repeat: no-repeat; position: absolute; height: 100%; width: 100%; margin-top: 100px; top: 0; bottom: 0; left: 0; right:
浏览 19
提问于2016-07-28
得票数 0
2
回答
CSS背景图像在iPad和iPhone上的大小调整不正确。
html
、
ios
、
css
我的网站的背景图片在Chrome和Safari中使用background-size: cover可以很好地调整大小,但当我在ipad或iphone上测试我的网站时,CSS背景图片真的被放大了,看起来很糟糕。我在这里读到了很多与此相关的其他问题,但没有一个能解决我的问题。 HTML <div class="background"> </div><!--background--> .background没有容器,是屏幕的100%宽度。 CSS .background { height:600px; width:100%;
浏览 6
提问于2014-03-03
得票数 24
回答已采纳
2
回答
如何将背景图像缩放到所需的尺度,却无法缩放
html
、
css
、
image
、
background-image
、
scaling
所以我有个问题。我正在用html,css做作业的网站。现在我希望标题有高度700 to,宽度100%。现在,我想要一个图像(相当大的肯定有超过2000 an的高度)。作为我标题的背景图像。 现在我有了这个代码: header{width:100%; background-image:url("url"); background-repeat:no-repeat; background-position:top; background-size:cover; height:700px} 现在我想以我想要的方式缩放图像,例如,我可以使整个图像适合于700 to的高度和整个宽度,例如
浏览 10
提问于2022-04-19
得票数 3
2
回答
视频的宽度不能正确缩放
html
、
css
、
video
、
screen
、
background-size
我有个小问题。我有一个视频,我想要适应浏览器,它不应该伸展,但也不应该有任何空间可见 HTML: <video src="Wereldbol.mp4" onclick="this.play();" id='wereldbol' preload="auto" ></video> CSS: #wereldbol { position: absolute; bottom: 0px; right: 0px; width: 100%; height: 100%; z-i
浏览 6
提问于2014-10-31
得票数 0
回答已采纳
3
回答
具有动态高度的CSS div,用于响应背景图像
html
、
css
、
image
、
dynamic
我尝试在bootstrap3上创建一个具有动态图像背景的类,但没有成功。取而代之的是使用等于180px的高度,我尝试使用100%来使其具有响应性。怎么了? .audio-cover { background: url("http://media.merchantcircle.com/22662073/180px-Smiley_svg_full.png"); background-size: contain; background-repeat: no-repeat; height: 100%; //instead use 180px } <div class=
浏览 2
提问于2015-07-22
得票数 3
2
回答
平板电脑/手机页面底部的空白
android
、
css
、
web
我使用图像作为页面背景,这是代码: body { background-color: black; background: url(/images/bg.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; back
浏览 2
提问于2017-03-20
得票数 0
回答已采纳
2
回答
背景-大小:在某些手机上覆盖拉伸
html
、
css
我的网站标题的背景图像在某些手机上以奇怪的方式伸展和扭曲。 ? 这是指向该站点的链接- https://jaels-creations-stage.callgage.co/ 下面是背景图片的代码,它是头容器的子容器: .header .background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center 92%; background-size: cover; background-repeat: no
浏览 10
提问于2019-02-20
得票数 0
1
回答
当我调整窗口大小时,绝对定位的div并不总是固定为底零
css
、
css-position
我将一个div放在另一个div中。绝对定位的div有一个背景图像,它的底部是0。但是当我调整窗口大小时,它会出现在容器div的中间。它并不总是固定为bottom 0。我该怎么解决它?? <div class="img-container"> <div class="wave"></div> </div> .img-container { background: url("/images/laptop.jpg"); background-size: cover; height: 100vh;
浏览 43
提问于2020-07-28
得票数 0
2
回答
提供背景尺寸:通过百分比值表示覆盖效果。
html
、
css
、
transition
如何才能产生与background-size: cover;相同的效果,但使用百分比值。我试过了 background-size: auto 100%; 但这并不相似。现在您可能会问,为什么我不简单地使用background-size: cover;,这是因为我想要动画的背景图像,你不能从cover动画到一个%值。 任何帮助都很感激。
浏览 4
提问于2014-12-10
得票数 1
回答已采纳
1
回答
如何使此页面具有响应性?
html
、
css
、
responsive
、
adobe-xd
我有一个从Adobe XD导出的背景图像(LINK 1,LINK 2)。图像的高度超过9k像素。由于这是我第一次处理Adobe XD文件,我不知道如何使此页面响应。 <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> </body> </html> CSS: * { margin
浏览 15
提问于2021-07-14
得票数 1
4
回答
背景尺寸:覆盖在任何浏览器中都不能工作。
css
、
browser
、
background-image
、
cover
我有以下HTML代码: <header id="header"> <h1><span id="titlu-pagina">Watercolors</span></h1> <ul> <li><a href="#">About Me</a></li> <li><a href="#">Where To F
浏览 0
提问于2016-04-10
得票数 0
回答已采纳
1
回答
2个引导站点无背景图像无响应
css
、
twitter-bootstrap
、
background-image
我已经创建了2个站点-如何在移动设备上正确调整标题背景图像的大小?当在手机上观看时,图像的两边都会被切断。 我在header部分对每个代码都有以下代码: 以下是每种方法的代码: segregatedsunday.com #h { background: url(../img/header.jpg) no-repeat center top; padding-top: 180px; text-align:center; background-attachment: relative; background-position: center cent
浏览 2
提问于2015-06-21
得票数 0
3
回答
一个背景图像在两个div之间拆分
html
、
css
、
bootstrap-4
、
background-image
第一次为解决方案而苦苦挣扎,所以我再次发布更多信息。提前感谢您的反馈。 在我正在建设的网站上,目前我有2个背景图片设置为2个不同的div,但它们需要在所有设备上完美排列。 目前,背景图像排列在1920px宽和更小,但一旦你开始变得更大,它开始移动。 有人能帮帮忙吗? 请查看它应该与之类似的图像 .productTopSection { background: url("http://mcauliffe.testcre8.co.uk/assets/images/home/mcauliffe-brownfield-experts-homepage-about-image.jpg
浏览 1
提问于2020-08-19
得票数 1
3
回答
DIV折叠背景图像
css
、
html
、
responsive-design
、
media-queries
我有一个包含div (.tablet)的节容器。section和Div都有响应 当view port达到> 400px时,我想在我的div (.tablet)中显示一个背景图像。 但是,除非我指定了px的宽度和高度,否则div会折叠并消失。它忽略了背景图像。就好像背景图片不存在,div也没有内容一样! 有没有可能创建一个具有不会折叠的灵活背景图像的resposnive DIV?我想让背景图像填充DIV并以div大小响应? 我已经尝试对.tabletonly div使用以下规则 background-size: cover; background-position: center;
浏览 1
提问于2014-12-29
得票数 0
1
回答
css中在较小屏幕上裁剪的背景图像
html
、
css
我正在尝试设置背景图像,这将采取在每种比例的屏幕分辨率的完整图像。我的代码是在特定的屏幕分辨率下工作。如果我将浏览器分辨率降低到100%,背景图像就会相应地被裁剪。但我不想这样。这是我的代码。提前感谢 .background1 { background: url('/images/home/background_img.png'),linear-gradient(270deg, rgba(4, 202, 160, 1) 0%, rgba(141, 198, 63, 1) 100%); margin-top: -60px; background-re
浏览 11
提问于2020-05-19
得票数 1
1
回答
根据div CSS的宽度和高度缩放背景图片
css
有没有办法让背景图片根据div的宽度和高度进行缩放?仅使用CSS。
浏览 1
提问于2013-03-18
得票数 0
回答已采纳
1
回答
React Native image:为什么当设置为“包含”时,父视图保持与“封面”相同的高度?
reactjs
、
react-native
、
flexbox
、
react-native-image
、
react-native-flexbox
我的React Native应用程序中有以下图像 我希望将此图像放在父元素中,上面或下面没有空间,并且希望图像不会在屏幕的左侧或右侧过大 当我有这样的代码时 <View style={{ marginTop: 100, borderWidth: 2, borderColor: 'red' }}> <Image style={{ width: '100%' }} source={require('@images/swoosh-
浏览 13
提问于2021-12-03
得票数 0
1
回答
背景封面仍然留下太大的图像。
html
、
css
、
image
、
flexbox
我正试着为我的投资组合展示一堆标识。我有9种不同大小的标识,只是它们不适合他们的div盒。我想背景尺寸:封面可以解决它,但有些东西是不对劲的。有人能为我指出正确的方向,使这些图像适当缩小,以使没有标志被削减? html: <div class="page-wrapper__content"> <h2 class="page-wrapper__heading">Projects and Skills</h2> <p class="page-wrapper__description">hey&l
浏览 1
提问于2015-11-16
得票数 0
回答已采纳
1
回答
如何防止纵横比发生变化?
html
、
css
、
aspect-ratio
所以我有一个背景图片,我把它的宽度设置为100%,高度设置为700px。它有固定的连接,因为我试图做一个视差效果。问题是,当我改变浏览器的大小时,图片失去了它的纵横比。那么,如何在保持响应性的同时防止它发生变化呢? <header> <nav> <ul> <li id="back"> <a href="#" id="back"><img src="../images2/back.png"
浏览 15
提问于2018-02-01
得票数 1
1
回答
为什么我的英雄形象会放大?视差滚动
css
、
parallax
效果很好,但图像被放大。知道原因了吗? #hero{ background-image:url(../images/metalWorx_hero.jpg); width:1020px; min-height:398px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
浏览 1
提问于2017-04-22
得票数 4
4
回答
调整/缩放图形/文本为100%宽/高的图像
javascript
、
jquery
、
html
、
css
分辨率为1920x1080的。图像是由一个图形团队创建的,上面有很多文本/图形。我不确定CSS和/或JavaScript/jQuery是否有一种方法,当页面加载时,这个图像在加载时占据了100%的屏幕。然后,用户可以向下滚动该页面并查看页面的其余内容。 现在我正在尝试这样的东西(使用Bootstrap): <header> <img src="http://az860851.vo.msecnd.net/release/site/3DScantoPrint_landing_hero.jpg" class="img-responsive"
浏览 1
提问于2016-02-16
得票数 0
3
回答
调整背景图像大小而不影响比例
html
、
css
、
responsive-design
、
background-image
我正在尝试用背景图像做一个滑块,当我试图使它适合移动屏幕时,比例会受到影响,并且看起来像像素,我如何调整背景图像的大小以适应移动屏幕而不影响比例。 当我将height增加到: background-size: 100vw 55vh !important; height: 55vh !important;
浏览 32
提问于2020-10-01
得票数 0
1
回答
如何在不丢失部分图片的情况下,使背景图像覆盖并贴合屏幕?Wordpress - Divi - CSS
css
、
wordpress
、
background-image
、
cover
、
divi
我试图使我的背景图像适合屏幕,而不被剪掉。我是使用Wordpress与Divi主题,我增加了额外的CSS也。这是我用来制作带有完整背景图像的页面的代码。 .page-id-7 { background-image: url(https://www.rossabbink.com/wp-content/uploads/2020/11/Homepage-Image-I.jpg); background-size: cover;} 下面是Wordpress附加CSS的所有代码 .select_page { visibility: hidden; } span.mobile_menu_bar:bef
浏览 5
提问于2020-11-13
得票数 0
回答已采纳
1
回答
背景图像在iPhone 4上被压缩,因为它使用了与iPhone 5和6共享的2倍图像。有什么修复方法吗?
ios
、
iphone
、
xcode
、
swift
我正在创建一个带有图案背景的应用程序。因此,我在我的按钮和标签后面放置了一个UIimageview,并将图像设置为背景图像。 现在问题来了: 在iPhone 4上播放时,图像会被压缩。这是因为iPhone4使用了2倍的图像。但是,如果我将图像更改为4的正确尺寸,iPhone 5和6的背景就会被挤压,因为4的显示屏比5和6的显示屏更胖。 我想问的是:有没有办法让iPhone 4选择不同的背景图片来源而不是2x?或者,有没有办法让每部手机都能选择最完美的显示屏? 非常感谢你的帮助。
浏览 4
提问于2015-08-20
得票数 0
2
回答
如何用div替换html背景图片?
html
、
css
、
twitter-bootstrap
目前,我使用下面的CSS来显示Twitter Bootstrap站点的背景图像: html { background:#505D6E url(/img/background.jpg) no-repeat center center fixed; min-height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 我必须用di
浏览 2
提问于2015-01-28
得票数 0
4
回答
跨页面实施条带化
html
、
css
、
background
、
sidebar
我正在尝试实现以下设计: 我在处理页面上的红色条纹时遇到了问题,我不确定如何实现它。 我想使用背景图片,一个在标题,一个在右边栏。问题是我不知道如何使条纹相互连接。 我尝试过的: .header { background-image: url('../images/header-background-2.png'); background-repeat: no-repeat; background-position: center bottom; -moz-background-size: cover; -webkit-backgrou
浏览 0
提问于2013-06-07
得票数 2
回答已采纳
1
回答
背景尺寸:封面;实际上不会拉伸图像?
html
、
css
、
background-image
、
positioning
嘿,我想我做错了什么,因为每个人都说你可以用: background-size: cover; 但是当我使用它的时候,一两面都会被剪掉。我实际上想要一种扭曲图像的方法,这样它就可以伸展到任何屏幕上。这有可能吗?下面是我尝试过的确切代码(我尝试过很多不同的代码): .carnival { background: url(../images/carnival.jpg) no-repeat 50% 50%; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size:
浏览 0
提问于2014-10-12
得票数 4
回答已采纳
2
回答
CSS:如何让背景图片达到100%的高度,并保持宽高比
css
我在较小的设备宽度上遇到了问题,div变得更方形,景观更少。div的背景图像被设置为background-size: cover;,因此它只占据div高度的60%和宽度的100%。 如何将背景图像设置为覆盖100%的div高度,但保持其纵横比,以便一些背景图像将被剪切。 如何对齐背景图像,使其右侧位于div的右侧(这样背景图像的左侧将被div的左侧截断)。
浏览 4
提问于2018-03-10
得票数 0
1
回答
如何防止我的背景封面图像被切断时,调整大小(响应)?
html
、
css
为我的学校项目创建一个互动的“游戏”。背景图像是办公室的图像。它会有一些东西在图像中是可点击的。例如,有一台电脑站在某个地方,所以我可以点击屏幕的那一部分,它会做些什么。 目前,我已经在页面上设置了背景,并且在将其设置为cover并对齐它为center之后,它很适合屏幕,问题只是在调整了它的大小之后,左右尺寸开始被切断。我需要使网站响应一些较小的屏幕。 我怎样才能避免图像被切断,让它完全调整大小?添加max-width/height似乎不起作用,因为它会将页面变为空白。 <div id="pagina2"> <div id="pagi
浏览 2
提问于2020-01-14
得票数 1
2
回答
Rails 4图像在生产中更大
css
、
ruby-on-rails
、
heroku
、
haml
我有一个在开发过程中缩放的背景图像(运行localhost)。但在生产中,图像不会随屏幕缩放(缩小)。 .content overflow: hidden max-width: 100% max-height: auto background-image: image-url("project.jpg") background-attachment: fixed background-size: cover background-position: top center 我想知道这是heroku的问题,还是我的代码一团糟。
浏览 0
提问于2016-02-23
得票数 0
2
回答
使视图的标题和div高度
javascript
、
html
、
css
在完成某件事时遇到了一点麻烦。我想要一个有标题和导航的页面,然后我希望页面的其余部分是一个填充视图的图像。 现在我有这样的事情 <header id="header" class="header-default"> ...nav items </header> <div id="contents"></div> 在我的CSS中,我会做 #header.header-default{ height: 100px; padding-top:10px; padding-bo
浏览 4
提问于2015-08-06
得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
IT兄弟连 HTML5教程 CSS3属性特效 CSS3背景
(9)CSS 给盒子、背景、链接、列表、表单、表格等加样式
回炉重造十二
响应式网页
图片上传并回显Ajax异步篇
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券