有没有办法调整背景图像的大小以适应移动px
是的，可以通过使用CSS的background-size属性来调整背景图像的大小以适应移动像素（px）。
background-size属性用于指定背景图像的尺寸。它可以接受不同的值，其中包括：
- cover：将背景图像等比例缩放，以覆盖整个背景区域。这可能会导致图像的某些部分被裁剪掉。
- contain：将背景图像等比例缩放，以适应整个背景区域。这可能会导致背景区域的某些部分没有被填满。
- 具体尺寸值：可以使用像素（px）、百分比（%）或其他单位来指定背景图像的宽度和高度。例如，可以使用"100px 200px"来指定背景图像的宽度为100像素，高度为200像素。
以下是一个示例CSS代码，演示如何使用background-size属性来调整背景图像的大小：
body {
background-image: url("背景图像的URL");
background-size: cover;
}在这个示例中，背景图像将被等比例缩放，以覆盖整个body元素的背景区域。
对于移动设备，可以根据具体需求选择合适的background-size值。例如，如果希望背景图像完全显示在移动设备的屏幕上，可以使用cover值。如果希望背景图像适应移动设备的屏幕，可以使用contain值。
腾讯云提供了丰富的云计算产品和服务，其中包括云服务器、云数据库、云存储等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务信息。
相关·内容
使用background-size: cover，我可以让背景伸展到适合整个页面的宽度。
使用repeat-y，我能够使背景重复或垂直平铺到页面的完整高度。
有没有办法把这两种效果结合起来呢？不幸的是，它们似乎不能协同工作(至少在Chrome中是这样)。似乎我可以使用background-size: cover在两个方向上拉伸，或者不在x方向上拉伸，但在y方向上重复。
编辑:使用background-size: 100% Npx (其中N是图像的高度)我可以完成上面的操作，但它会扭曲背景图像，因为它只在一个方向上拉伸。有没有办法让它保持一定的比例呢？
浏览 1提问于2016-12-08得票数 13
回答已采纳
1回答
我需要一些帮助来解决我的问题。我正在使用这个脚本：
但是当我加载一个大图像(例如: 1500px x 900px)时，浏览器会自动调整图像大小，并在光标中放置一个放大镜。当我选择一个区域时，裁剪和上传这个不是裁剪我选择的区域，而是实际大小的区域。
有什么办法来解决这个问题吗？
浏览 4提问于2013-10-08得票数 0
2回答
我有span，它的样式如下所示。我的问题是，它的设计是为了填充60px*60px跨度。但现在，我必须用50px*50px大小填充另一个跨度。但它不能与背景位置一起工作，因为如果我改变背景大小，所有的位置都会滑走。那么，有没有办法(css或javascript hack)在图像绘制后使用bacground-image调整图像或块元素的大小？我想避免重写所有的背景位置(我为每个图标都有类，比如".entertainment")。
<span class="icon icon2 entertainment"></span>
span.icon
浏览 0提问于2013-04-26得票数 0
回答已采纳
1回答
如何将帆布最好地覆盖在图像上？
、、、、
我想把画布放在一个图片的顶部，我有一个页面。画布将是图像的确切尺寸。
然而，必须满足以下条件：
，，画布必须始终保持在图像顶部的和上。因此，使用绝对定位将不起作用，因为如果将内容插入到图像上方，它将在不移动画布的情况下向下移动图像。图像可能会从其原始大小调整大小。因此，用画布替换图像并将其背景设置为图像将不起作用。
我有什么选择？
浏览 6提问于2011-03-16得票数 3
回答已采纳
我正在使用blur.js为我的html文档中的一个元素提供一个光滑模糊的效果。问题是，只有当背景尺寸被覆盖时，它才能工作。当我重新调整页面大小或将页面加载到不同大小的屏幕时，它就会造成混乱。由于blur.js不能在JSfiddel上工作，所以我不能向您展示演示，但是请看一下代码和图像plz。
CSS:
body {
margin: 0;
overflow: hidden;
background:url('../img/spiral_galaxy-1920x1080.jpg');
background-size: cover;
backgro
浏览 4提问于2015-01-25得票数 0
寻找下一个问题的建议。我正在开发小游戏，我有一个*.png文件作为背景。我需要把它放在主游戏屏幕的背景下。此外，它必须比屏幕的尺寸大2倍，比屏幕高1.5倍，因为我的物体“飞”过这些边界。此外，在游戏中，屏幕在这个背景下移动。但我在如何做这件事上有点纠结了。
我希望我的背景在所有不同尺寸和密度的屏幕上看起来相似。我尝试过一些解决方案，但我不喜欢它们，或者我做错了什么：
制作不同的背景图像，并将它们放在特殊文件夹中。这听起来不错，但考虑到市场上Android设备的大量分辨率，这听起来并不适合我。它只会使*.apk的大小变大。如果我使用这些方法设置背景，它会拉伸图像--我认为这不是一个好主意。在on
浏览 0提问于2011-12-20得票数 0
回答已采纳
我在一个网站上工作，到目前为止，我对它的桌面视图很满意，但它在移动和平板电脑视图上有一个问题。全角滑块中的图像显示不正确。是否有办法仅在移动和平板电脑视图中缩小图像，或者是否有办法定位图像，使其适合屏幕。该网站是建立与divi主题，wordpress。谢谢。
：www.thenextlevel.ng
浏览 2提问于2018-11-19得票数 0
2回答
有没有人知道“动态改变CSS图像大小(我指的是宽度和高度)”的图像裁剪方法？
如果有原始图像大小(例如大小: 400px x 400px)和宽度:100%，则所有图像裁剪都可以正常工作；
但如果向用户显示大小为1500px x 1500px的图片，并仅使用css将其缩小到100px x 100px (因为1500px -通常对于屏幕来说太多，看起来不太漂亮)-在这种情况下，图像-裁剪我之前看到的内容会发出错误或制作一个带有初始值的缩略图(左上角)。我需要从Facebook相册中取出图片，它们通常都太大了。
我知道在裁剪之前缩小图像是可能的，但这样会降低质量。
顺便说一句，看起来有办法做到这一点
浏览 0提问于2012-04-02得票数 0
回答已采纳
2回答
调整背景图像大小以适合div
、、、、
我有一个关于调整背景图像大小的问题。我有一个div，它的长度根据浏览网页的设备而有所不同。
PC: Div = 500px * 500px
Tablet: Div = 300px * 300px
Mobile: Div = 200px * 200px
我还有一张600px * 600px的图片。我想要拟合这个图像来完全填充div，保持纵横比不变。然后，当用户将鼠标悬停在图像上时，我希望创建一个悬停效果。这是我想要的悬停效果：
(不要介意右侧->上的文本，它仅用于测试)
我已经在网上搜索了一个很好的解决方案。有几种css悬停效果的解决方案(但都需要背景图像)和几种在div中调整大小的解决
浏览 2提问于2012-07-20得票数 2
我正在使用一个JQuery大小，以添加一个社会选项到我的网站，我需要两个图片，以移动的方向，重新大小正在发生。现在，调整大小的工作是，我的两个社会形象从来没有移动和行动，就像他们是修复文件。
--HTML
<div id="joinSocial" class="rcRT rcRB joinSocial ui-resizable" style="position: absolute; top: 407px; left: 0px; width: 76.72000026702881px;">
<img id="imgLk&#
浏览 5提问于2013-12-18得票数 1
回答已采纳
1回答
我试着做一个带靴带的条纹水平设计。
这是一个例子：
正如所看到的，它使用<section>，其中有一个带有.container类的div (而不是.container-fluid)。
我在该网站上所不明白的是：
他们如何能够使部分背景颜色/图像覆盖整个网站的宽度？当我尝试一种类似的方法，在css背景图像，它不涵盖整个页面的宽度。这是他们的css：
#features {
background-image: url(http://getonepager.com/wp-content/uploads/2015/07/bg1.png);
background-repe
浏览 5提问于2016-06-16得票数 0
回答已采纳
2回答
是否有可能在不保持高宽比的情况下将svg图像适应到它的全部大小？在下面的例子中，
<img style="position: absolute; top: 12px; left: 31px; z-index: 1; width: 196px; height: 265px; " src="/media/images/logo.svg" />
svg图像以中心位置为中心，在其两侧添加一些透明空间。如果我增加图像的大小，svg图像按比例增加，但不占用整个空间，而是透明空间的大小增加。有没有办法让svg图像占据整个空间？
感谢并致以问候
尼哈
浏览 0提问于2018-05-08得票数 6
1回答
首先，我想要一个响应式的全屏幕背景图像。我知道在网络上有很多教程，但在我的情况下，有一个固定的按钮在一个特殊的区域的图像是可以点击的，通过点击它，用户必须转到下一页！事实上，这个页面是我的网站的初始页面。我之前的解决方案是使用jQuery，我计算屏幕尺寸，并根据背景图像的大小变化：
var width = $(window).width();
var height = $(window).height();
//....
有没有html css的解决方案？谢谢。
浏览 1提问于2015-02-21得票数 1
我有一个大图像(图像精灵)与大小1030px-510px，其中包含两个小图像(515px-515px)。
我想从精灵得到两个小图像，并设置两个<img>标签的背景。我使用的是以下代码：
.img-1, .img-2 {
width: 515px;
height: 515px;
background: url(http://i.stack.imgur.com/aozNS.png) no-repeat;
}
.img-1 {
background-position: 0px 0px;
}
.img-2 {
background-position: -515p
浏览 2提问于2016-06-11得票数 0
1回答
我的布局使用框中的百分比值。例如：
h2#news {
background: url('../images/news-background.jpg');
color: #fff;
padding: 8px 20px;
width: 90%;
-moz-border-radius: 20px;
}
这是可以的，但当布局增加时，背景图像会重复...看看这张图片：
有没有办法让背景图像跟随盒子的大小？谢谢。
浏览 0提问于2011-02-01得票数 3
回答已采纳
1回答
我正在创建一个网站作为一个项目，并使用bootstrap 3-我在一些部分有一些问题：
大窗口中的站点：
小窗口中的站点：
1)背景图像:当我将窗口变小时，图像会调整到某个点，然后停止。在移动端-有一个很大的溢出隐藏。有没有办法根据窗口大小来调整大小？
我当前的css代码：
#wrap {
min-height: 100%;
height: auto;
/* Negative indent footer by its height */
margin: 0 auto -50px;
/* Pad bottom by footer height */
padding: 0
浏览 0提问于2014-02-12得票数 1
1回答
我想显示宽格式的全宽度图像(将图像的顶部裁剪到最大高度:500 in；)在桌面显示和移动设备的原始高宽比上。
我正在使用龙门框架上的Wordpress网站。我已经使用css工作周围，以迫使图像显示在父框容器外的全宽度。
示例，当图像高度小于最大高度时，除了有空间被推到顶部之外，还可以从顶部进行作物生长？
.boxed-container{
margin:30px;
padding: 30px;
background:red;
}
.bg-img{
position: relative;
display: block;
overflow: hidden;
padd
浏览 0提问于2017-04-20得票数 0
回答已采纳
我已经将背景图像应用于大型加速器，有两种类型的问题。
1)如果我将巨型加速器设置为height-auto，那么背景图像的高度变得非常短，但我需要近500 If的高度。
2)如果我将巨型加速器设置为height:500px，那么它可以工作，但没有响应。当我在小屏幕分辨率上打开它时，巨型加速器的高度是500 so，但是背景图像是响应的，所以看起来很尴尬。
已尝试解决以下问题：
我使用了媒体查询，但是在不同的断点设置媒体查询似乎不太好。
<div class="jumbotron jumbotron-custom img-responsive" style="backg
浏览 0提问于2019-04-03得票数 1
回答已采纳
3回答
如何适应所有屏幕大小的背景图像？
、、、、
我的背景图像有问题。不知何故，在大屏幕上，头部被切断，以适应屏幕。有没有办法确保100%的图片总是呈现，而不管屏幕的大小？背景大小的初始属性是覆盖的，但是当设置这种方式时，图像的顶部被裁剪以适应容器。当我改变背景大小为100%，100%如下，我得到了我想要的结果，但图像的质量受到影响。有没有办法解决这个问题。我有审查大多数与背景图像有关的文件，但没有一个给我我想要的结果。html和身高/宽度都设置为100%。
提前谢谢你的帮助。狮子座
.main .masthead {
min-height: 100%;
padding-top: 7.5rem;
padding-bot
浏览 5提问于2021-12-20得票数 2
2回答
我想要做的是让背景图像的高度根据文本的数量而改变。
例如。图像高度为100px，该div中的文本为150px。如何根据输入的文本量将图像高度扩展到150px (或更多)？
HTML：
<div class="scroll-bg">
<img src="img/scroll_top.gif" style="position:absolute" />
<div class="scroll-bg-img">
<div class="scroll-conte
浏览 1提问于2013-04-27得票数 1
回答已采纳
4回答
使用CSS，我如何才能使页面的背景图像在我向下滚动页面时不会移动(保持不动)？文本和其他元素显然应该移动，但我希望背景图像保持不变。
同样使用CSS，我如何使背景图像适合用户的全屏显示？例如，一个4000px x 3000px的背景图像显然不会完全显示在大多数用户的屏幕上，我如何才能使它缩小，而整个背景图像将显示在用户的屏幕上？
浏览 47提问于2014-06-11得票数 -7
在noUiSlider 10中，我可以使用渐变创建一个.noUi-connect类的“凹槽”背景图像，并对其进行定位，使“凹槽”的末端不会延伸到滑块背景的圆角边缘。 ? 在noUiSlider 13中，我再也无法将“凹槽”保持在端盖之外。 ? 我试过同样的CSS，但背景位置:左5px居中；技巧似乎不再起作用。 操纵.noUi-target类背景仍然有效，因为我可以将背景大小缩小10px，然后移动它以保持“凹槽”不在末端封口之外。
浏览 14提问于2019-02-10得票数 1
回答已采纳
6回答
有没有办法在UIButton的背景图像中添加某种偏移量？
我为UIButton提供了一些定制的背景图像。这些图像在有效按钮区域周围有一个5像素的下降阴影区域。当我使用这些图像时，我必须移动标题标签，调整框架，并做一些计算来正确地放置按钮。
理想情况下，我希望在该图像(或UIButton)上设置类似于 (x = -5px，y= -5px)的偏移量(或UIButton)，以便当我将图像作为背景分配给UIButton时，该偏移量水平和垂直地移动。
在html中，我会在按钮div上设置一个固定大小，然后通过指定背景位置来偏移背景图像。
对于iOS有类似的东西吗？
浏览 10提问于2013-10-21得票数 10
回答已采纳
3回答
网站中的全屏背景图像看起来模糊
、、、、
访问我的网站：
背景图像在我的屏幕上看起来真的很模糊，即使图像大小是1920x1080px。我正在使用一个jquery脚本来处理这个bg问题，因为css方法以某种方式给了我不想要的结果。
有没有办法解决这个模糊问题？
浏览 1提问于2015-08-07得票数 2
Windows 10谷歌单张
我有一个工作表，它根据我在父单元格中放置的超链接，自动将图像放入单元格中。
基本上，单元格E14、G14、I14和K14都使用公式=iferror(arrayformula(image(number)),"")数等于单元格的链接，所以G7、H7、I7、J7。
这一切都很好，但我遇到的问题是图像太小，太宽，太高，或者太大。
我想知道的是，当图像被放入单元格时，是否有一种自动调整图像大小的方法。
如果您查看下面的图像，您可以看到图像的白色边缘，显示它们不适合列宽和行高。
它应该看起来像，像这个。
有办法这样做吗？如果有必要的话
浏览 2提问于2020-11-15得票数 0
回答已采纳
我一直在尝试弄清楚如何将UILabel文本垂直对齐到顶部或底部。问题是，我在它后面有一个图像，它也随着文本的移动而移动。
有没有办法保持背景颜色/图像不变，而只将文本向上或向下移动？
下面是当前的代码：
- (id)initWithFrame:(CGRect)frame {
self = [super initWithFrame:frame];
if (!self) return nil;
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0,
浏览 1提问于2014-03-28得票数 0
2回答
div{
width:200px; height:200px; background:red;
cursor:url(images/eyedropper.png) 25 25, auto;
}
<div></div>
我有一个像上面这样的光标的滴管图像
我的问题是这个图像指向左下角，但是光标默认是指向左上角。是否有将指针更改为左下或移动背景图像的方法？
浏览 2提问于2014-09-20得票数 0
回答已采纳
我有一个典型的引导布局，如下所示
<body>
<div class="container">
...
</div>
<div class="container">
...
</div>
</body>
但我想这么做
<body>
<div class="bg-img">
<div class="container">
...
浏览 3提问于2013-11-09得票数 4
回答已采纳
1回答
我是javascript的新手，我正在尝试用它来创建一个游戏。我已经放置了一个图像，但当我使用CTRL +或CTRL -调整浏览器的大小时，图像的位置和大小也会随之改变。我希望我的图像的位置和大小是固定的。我试图在谷歌上找到答案，但还没有找到一个适合我的答案。任何帮助都将不胜感激。我想用id "bb1“固定图像的位置和大小。
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
b
浏览 4提问于2019-11-23得票数 0
我有代码在卡片标题中显示背景图像，如下所示：
<div class="card-heading"></div>
在CSS中：
.card-1 .card-heading {
background: url("../images/bg-head-02.jpg") center center/cover no-repeat;
padding-top: 210px;
}
在桌面上，它看起来很好，像这样：
但在移动设备中，它会被切断，如下所示：
我如何修正我的代码，使它也适用于移动。
浏览 3提问于2020-09-29得票数 0
回答已采纳
1回答
我正在尝试使用SVG映像作为background-image来实现一个关闭按钮。下面是我使用的代码：
.close-button {
width: 16px;
height: 16px;
background-image: url(data:image/svg+xml;base64,[The data for the image]);
background-size: 16px 16px;
background-position: center center;
}
<span class="close-button">&l
浏览 1提问于2014-09-20得票数 0
回答已采纳
2回答
响应CSS背景图像问题
、、、
我使用了基金会5框架来设计一个页面。它在背景图像的顶部有一个标志。链接：
这两幅图像的样式如下：
header {
position: relative;
}
.logo {
background: url("../img/text2save.png");
background-position: left top;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
z-index: 2;
width: 20%;
浏览 10提问于2014-01-14得票数 0
回答已采纳
body{
background-image: URL("someimage.jpg");
background-position: fixed;
}
这使得在Firefox中滚动变得非常慢。有没有办法获得带有“固定”附件的大的居中背景图像，在Firefox中滚动的效果与附件设置为"scroll“时的效果一样。
感谢您对CSS / JS的帮助！
浏览 0提问于2011-01-18得票数 2
我经常使用带有全宽背景图像的页眉，比如这个页面的
对于背景图像，您会使用哪种媒体查询-stack？我希望移动设备使用的图像文件大小不是太大，但视网膜设备也有视网膜图像。因此，可能会有像一个大型媒体查询视网膜macs的东西，也许是一个真正压缩的图像与视网膜大小的视网膜ipads。也许是为小型移动设备、视网膜和非视网膜设备准备的？它变得相当复杂，当然，我不希望有20个媒体查询的列表，针对不同的屏幕尺寸，不同的分辨率和不同的(假设)网速。
有什么想法？您会优先考虑哪些设备？
谢谢。
浏览 0提问于2013-10-08得票数 0
1回答
在Safari中放大页面时，如果项目符号指定了图像，则图像不会随文本缩放。如果您放大FF中的页面，项目符号图像将缩放。
有没有办法在不使用背景图片的情况下在Safari中做到这一点？
浏览 0提问于2010-04-09得票数 0
1回答
我在调整CN1，f.e中的元素大小方面有困难。我想调整按钮的大小，并将图片放在MenuBar中使用，按钮太大，以至于超过了三星S5显示器的空间。我和设计师一起工作，在主题/风格方面做了很多尝试，但似乎找不到解决办法。
屏幕上的MenuBar有太大的按钮，左边的是公司的标志，总共有三个按钮，但只能看到两个。
对于黄色状态图标，相同的问题相同的麻烦:\ \
我真的需要用源代码来管理这个问题吗?还是有一种更方便的UIDesigner方式。
问候
编辑:我现在发现在设计器中使用“图标”是垃圾。相反，请使用下面的技巧。输入文本，在ThemeEditor中定义样式，设置字体大小(毫米).另外，将背景
浏览 0提问于2016-04-27得票数 1
2回答
是否可以在白色背景上有透明的文本，并在其后面有图像，使文本看起来是图像后面的颜色。
下面是我开始给你们一个更好地理解我的意思的JSFiddle：
现在文本是黑色的，但是有什么方法可以使它透明，使文本的颜色就是背景图像的颜色？
HTML：
<div class="image">
<div class="box">
<div class="text">Sample Text</div>
</div>
</div>
CSS：
.te
浏览 0提问于2014-05-20得票数 1
3回答
考虑一个带有背景图像pageBG.jpg的网页。现在考虑一个包含100px x 100px单元格和相对较大的50px单元格间距的表格。该表具有不同的背景图像，比如tableBG.jpg。
有没有办法建立掩码，使单元格显示表格的图像(好吧，它所在的部分)，而单元格间距显示页面的图像？
编辑:示例图像：
绿色为pageBG.jpb，黑色/棕褐色图像为tableBG.jpg
浏览 2提问于2012-03-09得票数 0
3回答
我已经看到了很多关于这个问题的帖子，但我似乎找不到解决方法。
我有一个带有背景图像的div，它的大小被设置为cover。
它在除移动chrome之外的所有浏览器和设备上都运行良好，每当我上下滚动页面时，背景图像似乎都会调整大小。我也注意到了一个奇怪的bug，如果你把background-size:cover放在background-image:url('')之前，它会忽略background-size属性，但如果你把它放在声明背景图像之后，它会检测到大小并将其设置为cover，但随后会出现奇怪的重新调整大小的滚动bug。
快把我逼疯了！有没有人知道解决办法？
浏览 13提问于2018-02-06得票数 1
回答已采纳
首先，我有一个这样的按钮：
<Button
android:id="@+id/prefButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="Edit" />
因为我没有指定和textSize，所以它从设备字体设置中获取缺省边。添加按钮的宽度和高度
浏览 2提问于2012-09-21得票数 3
回答已采纳
1回答
为移动设备扩展web应用
、、、
我有一个使用JQuery，超文本标记语言和CSS开发的游戏，可以在网络浏览器中运行。
现在，我需要让它在移动(特别是iPhone)浏览器中运行，并进行一些优化，这样它就更漂亮了。
有没有办法扩展整个应用程序？理想情况下，它将在移动safari中默认以风景模式启动，尽管画布和背景图像的尺寸为800x600，这显然不适合在风景模式下使用iPhone浏览器。
所以，我的问题是，有没有办法像这样扩展整个web应用程序？本质上是把整个东西(图像，画布等)都缩小一定的比例吗？
谢谢!
浏览 0提问于2013-05-30得票数 1
我有一个不寻常的情况，我想让拖动和调整大小的图像，坐在另一个图像覆盖在html。它看起来像这样。
背景中的图像(即焦炭瓶)使用jQuery UI使其可调整大小并可拖动。然而，问题在于当单击覆盖图像的范围内时试图拖动图像。这显然失败了，因为覆盖的图像位于可拖放元素的顶部，只是一个透明度。
这是正在使用的html和javascript。
$(".Overlay").draggable({ containment: "#divPhone", scroll: false }).resizable();
<div id="divPhone"
浏览 2提问于2013-10-21得票数 1
回答已采纳
1回答
我想在一个容器内创建一个背景图像，它大约在页面的一半处。高度可能是屏幕高度的20%-30%。我是否需要创建多个图像并使用CSS媒体问题来显示一个图像并隐藏每个分辨率范围的所有其他图像？或者，有没有更简单的方法让图像自动缩放。如果图像是矢量格式，会有帮助吗？
浏览 1提问于2014-09-05得票数 1
我正尝试在UITableViewCell中添加一个背景图像，这样每个单元格的底部就可以有一些间距。
我像这样设置单元格的backgroundView属性：
[cell setBackgroundView:[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"cell"]]];
“UITableViewCell”图像比单元的实际高度高20px，这是为了让我的单元格在底部有一些间距。唯一的问题是，“细胞”图像会沿着细胞的contentView一直延伸下去。
有没有办法防止手机把backgroundView一直往下拉？
提
浏览 0提问于2012-10-26得票数 0
回答已采纳
2回答
我使用下面的URL设置背景图像：
body { background-image: url("https://postcron.com/en/blog/wp-content/uploads/2014/03/Untitled-design-2.png");
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-color: #3A3F50;
}
这样，我就可以在浏览器中正确地设置背景，但是如果我在移动中看到相同
浏览 3提问于2020-04-04得票数 0
回答已采纳
1回答
我不太确定该如何描述这个问题，但这里什么都没有发生……
我的网站左侧有一个导航..
.headerWrapper {
border: 1px solid #FFFFFF;
float: left;
height: 745px;
margin-left: 40px;
width: 250px;
}
紧挨着它的是一个类，里面有一个图像……
.mainContent {
float: left;
padding-left: 5px;
width: 1000px;
}
图像的宽度是1000px，这是在image width属性中设置的。
浏览 1提问于2012-07-13得票数 0
回答已采纳
我在制作动画。这个动画使用一个png作为它的所有图像资产。divs的大小适合于图像中的一个资产。然后对background-position进行调整，以便将background-image资产完美地排列在div中。这是我经常看到的练习。
，我的问题是：是否有办法调整这些元素的大小以适应它们的div？说我想让资产变小。这有可能吗？
一段时间以来，我一直在试图找到一个解决办法。我对任何事情都是开放的，只要它不需要我重新编码我的整个动画。我很感谢你的帮助！
这里是我为这个问题创建的一个示例：
图像资产：
代码片段
body{font-family:Arial,Helvetica,san
浏览 8提问于2016-01-17得票数 0
回答已采纳
我可以在较小的屏幕上使图像缩放到父div，但仍然限制在显式的最大宽度：
img {
max-width: 500px;
width: 100%;
}
但是，如果图像比父div小，它仍然会被拉伸以填充div。
有没有办法让它只在较大的时候缩放到100%，而在较小的时候保持原始尺寸，而不需要事先知道图像的尺寸？
浏览 1提问于2013-08-08得票数 9
1回答
我有一个滚动视图，它有一个背景图像。当键盘打开时，图像会缩小。当键盘关闭时，它会再次膨胀。如何阻止这种收缩的发生？
浏览 4提问于2016-04-04得票数 0
回答已采纳
3回答
我目前正在使用这个小提琴来尝试确定要检查的正确属性，以保持全高背景图像-而不是使用固定定位：
我遇到了一个问题，我不确定如何可靠地解决它。如果您将图像标签的大小调整为100%高度，如果浏览器的宽度大于图像的宽度与高度的比率，则当高度较小时，图像的右侧将出现间隙。
如果将高度设置为100%，它的大小将调整为可见空间的100%，但如果向下滚动，图像不会垂直占据整个区域。
$(window).resize(function(){
// window and body are both incorrect for different reasons
bgImage.css({heig
浏览 2提问于2012-12-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
