响应式背景图像(提供最佳大小的性能)
响应式背景图像是一种在不同设备和屏幕尺寸下自动调整大小和适应性的背景图像。它可以根据用户的设备和屏幕尺寸动态地调整图像的大小和比例，以提供最佳的视觉效果和性能。
响应式背景图像的分类：
- 静态响应式背景图像：在不同设备和屏幕尺寸下，使用不同的图像文件来适应不同的分辨率和像素密度。
- 动态响应式背景图像：使用CSS或JavaScript等技术，根据设备和屏幕尺寸的变化，动态地调整背景图像的大小和比例。
响应式背景图像的优势：
- 提供最佳的视觉效果：响应式背景图像可以根据设备和屏幕尺寸的不同，自动调整图像的大小和比例，以确保在不同设备上都能呈现出最佳的视觉效果。
- 提高性能：通过使用适当大小的图像，可以减少加载时间和带宽消耗，提高网页的加载速度和性能。
- 提升用户体验：响应式背景图像可以确保在不同设备上都能提供一致的用户体验，无论用户是在桌面电脑、平板电脑还是移动设备上访问网页。
响应式背景图像的应用场景：
- 响应式网页设计：响应式背景图像是响应式网页设计的重要组成部分，可以使网页在不同设备上呈现出一致的外观和用户体验。
- 移动应用程序：在移动应用程序中，响应式背景图像可以根据不同的移动设备和屏幕尺寸，提供适应性和最佳的视觉效果。
- 广告和营销活动：响应式背景图像可以用于网页广告、电子邮件营销和社交媒体活动中，以提供吸引人的视觉效果和良好的用户体验。
腾讯云相关产品和产品介绍链接地址： 腾讯云提供了一系列与云计算相关的产品和服务，其中包括：
- 腾讯云对象存储（COS）：提供高可靠、低成本的云存储服务，可用于存储和管理响应式背景图像。详细信息请参考：https://cloud.tencent.com/product/cos
- 腾讯云内容分发网络（CDN）：加速静态资源的分发，包括响应式背景图像，提供更快的加载速度和更好的用户体验。详细信息请参考：https://cloud.tencent.com/product/cdn
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，可用于部署和运行网站和应用程序，包括响应式网页设计。详细信息请参考：https://cloud.tencent.com/product/cvm
请注意，以上提到的腾讯云产品仅作为示例，其他云计算品牌商也提供类似的产品和服务。
相关·内容
我有一个新网站的“门户”的背景图像。在图像的顶部，需要有5个图像，放置在一个独特的模式，加上3个带有链接的文本的div。这是它需要的样子的图片:链接到门户的设计
门户需要在响应式设计中实现。
我已经尝试过相对和绝对定位，但我很难弄清楚这两种方法中的一种或两种是将这些较小的项目放在较大的项目上的正确方式。因此，我正在努力找出在图片顶部放置图像和黄色div的最佳方式。我的问题是:将图像和div放在门户的背景图像上的最佳方式是什么？
链接到实时门户网站的建设。
我想我可以想出一些办法，但我真的想用“正确的方式”，或者至少是一种好的方式。
谢谢。
浏览 2提问于2013-07-11得票数 0
CSS3英雄形象问题：
全屏响应背景的最佳像素尺寸和图像大小是多少？
每当我使用cover属性时，它似乎总是忽略了大多数的图像。
谢谢,
史蒂夫
浏览 5提问于2016-02-15得票数 2
回答已采纳
我办公室里正在进行激烈的辩论。我们有一个有两个不同大小的按钮的应用程序。(一种是40 px宽，一种是150 px宽)。它们在背景图像方面有着完全相同的外观。
我想知道哪一个是最佳做法：
1:为40 is宽的背景制作一幅图像，另一幅150 is宽的图像。
或
2:制作一张图像(150 Re)，缩小并重新使用40 re按钮。
我不确定缩放操作的性能开销有多大，如果我们对每个不同大小的控件使用不同的图像，我需要将其与应用程序的大小相抵消。
谢谢!
浏览 0提问于2013-09-19得票数 0
回答已采纳
我正在尝试将图像设置为链接到背景图像上的确切地点。我需要的图像链接留在同一空间的背景图像和响应性。
我使用的是html和css，对其他编程语言知之甚少。我尝试使用固定的背景图像和四个图像作为具有绝对位置值的链接，但当我更改浏览器窗口时，图像链接会移动。有什么建议吗？谢谢!
浏览 0提问于2016-08-08得票数 0
4回答
我有点确定这是不可能的，但我这么问是因为它看起来难以置信。
我为响应式设计设计了一些元素
img {max-width:100%;height:auto;}
但图像必须根据设备的不同而不同(我不会在手机设备上加载大量的宽屏图像)。
由于媒体查询不支持内联，我可以选择css背景解决方案，但背景大小并不完全支持，而且它看起来更像一个黑客。
有人能确认“广泛支持的设备相关的响应图像”是不可能的吗？
谢谢
浏览 2提问于2013-04-21得票数 2
回答已采纳
2回答
我正在为一位摄影师开发一个网站。登录页面由一个响应式的大背景图像和一个菜单组成。我知道如何制作响应式背景图像，但我的问题是:图像的分辨率应该是多少？我应该得到2-3个不同的尺寸，并根据设备的宽度来应用它们，还是应该减少一个？对于最大的屏幕，哪种尺寸应该是最大的？谢谢。
浏览 1提问于2014-10-28得票数 0
1回答
我有一个有响应性的背景图像。它适用于背景尺寸: 100%的容器，保持宽高比不变。但是，对于较老的浏览器，如Firefox18和更低版本，以及所有版本的internet explorer，我在缩放(锯齿或模糊)时得到的图像都不好。我尝试了css双三次插值(internet explorer)和“图像渲染”(firefox)修复，但观察不到任何效果。
我的问题是:有没有一种jquery或javascript方法可以在保证质量的同时完成同样的工作？类似于独立于浏览器的缩放方法。我用谷歌搜索了一下，但什么也没找到。
我知道这在速度方面并不理想，我应该在我的图像编辑软件中进行大小调整，但在我的场景中这不
浏览 0提问于2014-05-22得票数 0
1回答
我正在创建一个流畅的响应式网站，其中包含多个部分，纳入CSS背景图像。我该如何让这些图像流畅响应呢？我知道如何使用标准标记来实现这一点，但是我不知道如何为CSS背景图像解决这一问题。如下图所示，在我的CSS中，每个标记都将包含一个背景图像。
我的站点结构：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Example</title>
</head>
<body>
<section id="background-imag
浏览 2提问于2013-04-16得票数 1
我已经设法为我的网站添加了一个自定义背景。我在bootstrap.css中更改主体
body {
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
background-image: url("../images/norn-race.jpg");
background-repeat:no-repeat;
background-attachment:fixed;
font-size: 13px;
line-height: 18px;
浏览 0提问于2012-08-17得票数 1
回答已采纳
我的应用程序使用平面图形，它主要由线条和平面组成.
构建UI的最佳方法是什么？
尽可能多地使用PNG图像(就像附加的图片一样，整个背景都是图像)
使用带有背景色的4 UIViews (在本例中)来制作背景和3行
使用CoreGraphics实际绘制drawRect (还是其他地方？)？
子类UIView和绘制PDF内容
还有别的办法吗？
性能的影响是什么？前两种方法的优点是，它们可以在IB中完成，但是否存在缺点(比如性能、质量或缓存)？我还听说了一种趋势，使用CoreGraphics绘制所有的时间.
浏览 3提问于2013-05-12得票数 0
我需要接收相对较大的JSON (~300KB)作为对POST请求的响应。关于这一点，我有以下问题: 1)选择哪一个-反应性(例如：WebFlux)或非活动(例如Feign) HTTP客户端实现最佳性能？(最多20个请求/秒)
2)我的理解是否正确，我们可以向任何服务器发送响应式请求？(或者我们应该考虑服务器是否能够与响应式客户端一起工作)
3)如果我选择使用非反应式客户端，我将如何处理请求队列？(很明显，收到这么大的JSON响应需要一些时间)
谢谢!
浏览 3提问于2020-05-14得票数 0
5回答
在处理响应式和自适应布局时，处理图像(或精灵)的最佳方法是什么？我现在的方法是使用媒体查询，它具有基于视口尺寸的有条件的图像选择。有没有更好的方法?为什么？
浏览 0提问于2012-05-09得票数 4
2回答
对于某些图像，我更喜欢根据页面大小来缩放图像，以使其响应。
<img class="img_scale" src="img.png" alt"this img doesn't have width and height
definition">
css：
.img_scale{width:100%; height:100%; margin:0 auto; height:auto !important;}
如果图像不是广告牌背景图像或不灵活的框，则此解决方案非常有效。所以我想要缩放图像，而不是使用jQuery插件。
然而，人
浏览 6提问于2013-12-09得票数 1
回答已采纳
3回答
我是新手。我正在尝试开发一个2d游戏(自上而下的视图)。我想装一个标准的背景，一个纹理的地面.我的“世界”很大，比如3000 pxx3000px。我认为加载3000 px3000 is图像并移动它不是个好主意.那么，最佳实践是什么呢？加载一个小图像(64x64)并重复N次吗？如果是的话，好的，但我如何管理“背景”运动？谢谢，再见！
浏览 0提问于2010-11-03得票数 3
3回答
问题是
是否有一个已知的基准或理论支持的最佳(呈现速度)图像大小？
一点背景
问题如下:我收集了一组非常大的图像，每个维度都有数千像素宽。这些应该呈现给用户，并以某种方式进行操作。为了提高我的web应用程序的性能，我需要将它们切片。这就是我的问题所在:这些切片的尺寸应该是多少？
浏览 5提问于2010-02-01得票数 2
回答已采纳
1回答
我尝试使用svg文件作为一些元素的背景图像。当我将图像保存为SVG1.0/1.1在中时，它会在我的应用程序中显示正确。如果我将图像保存为SVGMicro1.1/1.1+/1.2，它不会在app中显示。
我使用下一个css：
background-image: url(img.svg);
iOS支持SVG吗？或者我必须做什么，我的SVG微型图像将显示在应用程序作为背景图像？
浏览 1提问于2015-03-10得票数 0
回答已采纳
1回答
响应图像与灯塔性能审计
、、、、
我正在使用响应性设计，灯塔一直告诉我“图像元素没有显式宽度和高度”。我的结论是，它在html中意味着，因为我的图像在css中设置了具有不同断点的维度。
这里是否有一个最佳的做法，以保持响应，但使灯塔快乐？这可能很明显，但作为一个学生，我在这里挠我的头。
浏览 4提问于2022-04-18得票数 1
回答已采纳
我知道在Drupal8中可以使用响应式图像，所以对于不同的屏幕尺寸，你会得到不同的图像(这对于性能来说很有趣，因为我不想在我的手机上显示非常大的图像)。
但现在我想知道，您是否可以在Drupal8中使用背景图像来做到这一点？所以我希望能够在Drupal8中上传一个响应式图像(不同的屏幕尺寸=>不同的图像)，但是是背景图像。有谁有这方面的经验吗？
谢谢!
浏览 0提问于2018-07-04得票数 0
1回答
我有一个简单的bootstrap 3页面，其中包含一个正文<div class="container">。
我想在页面上放一个背景图像，它最适合这个主容器。我可以为bootstrap的每个“响应级”制作图像。
实现这一目标的最佳方法是什么？
谢谢。
浏览 0提问于2013-09-19得票数 0
3回答
我遇到了一些脚本，用于为2×像素密度的设备提供视网膜照片：
-似乎显示背景，而不是内联图像:寻找@2x文件名。
-使用data-src，那是什么？浏览器支持如何？
--使用.htaccess mod_rewrite和简单的JS。
(在这里，我忽略了CSS背景图像，只关注元素，即照片--在我尝试作为SVGs服务时忽略了图形。)
我想确保支持视网膜图像的设备得到充分的支持，而低带宽(即小屏幕)设备不会(而且它们不需要下载两者)。
哪个解决方案遵循移动第一和语义方法的最佳实践？
响应图像似乎仍然没有一个一致的最佳解决方案(关于带宽等)，这与视网膜图像的耦合使得它更加复杂。
浏览 5提问于2012-11-27得票数 2
回答已采纳
1回答
跨越多个div的背景图像
、、、
我试图使用一个单一的背景图像在一个网格中排列的多个div上。请参阅下面的链接和图片。虽然我在所有background-attachment: fixed; div上使用.box-icon的方法都提供了所需的效果，但我也必须使用background-size: cover;来确保它总是覆盖所有的.box-icons，这似乎是整个文档的cover，而不仅仅是框占据的区域，这使得它看起来很难看(参见屏幕截图)。调整页面的宽度或缩放，演示了我所说的内容。
有没有一个更好的方法来cover所有的.box-icon与一个单一的背景，这样它只是覆盖小面积的响应，不会炸毁图像？CSS/jQuery/javas
浏览 0提问于2015-01-15得票数 2
2回答
首先，。
我想要做的是用一个伸缩框将内容(即h1和h2)集中到背景图像的当前大小。根据我自己的尝试，我假设这将是一个JavaScript解决方案(例如，我必须计算背景图像缩放后的大小)，但我肯定会欢迎任何类型的解决方案。
我想问这个问题最简洁的方法是:如何使用background-size: contain在元素上设置一个中心内容？
我还有其他一般性问题：
无论使用什么属性，用于计算背景图像维数的最佳方法是什么？
在这种特定情况下，除了flex盒之外，其他东西是否更适合对内容进行对齐呢？在使用cover时，可以很容易地将事情中心化，但这似乎是一个全新的游戏。
是否有可能使弹性容器(
浏览 3提问于2015-10-09得票数 1
回答已采纳
我正在配置404页。
在本页中，我只提供了一个“掩护”背景，使用：
html {
background: url(../img/404.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow: hidden;
}
没问题..。这张404.jpg的图片覆盖了IE、Edge、Chrome和IPAD/IPHONE的所
浏览 4提问于2016-04-26得票数 1
回答已采纳
背景图像和嵌入图像在HTML页面上加载的时间是否相同，前提是它们大小相同？如果我要在一个页面中使用相同的图像两次--一次作为背景，一次作为普通的嵌入式图像，哪一种加载速度更快？
要使网站与屏幕阅读器兼容，包含图像的最佳方法是什么？背景图像是被屏幕阅读器读取得很好，还是仅仅忽略了背景图像？
浏览 5提问于2013-03-06得票数 2
我是android的新手，我正在做一个项目，其中我使用了超过50张图片，其中包括图标和背景图片。根据android文档，对于响应式UI，我必须以4种格式存储每个图像，即hdpi、mdpi、xdpi和xxdpi。我遵循了同样的方法，但之后我注意到我的可绘制文件夹(50*4)中有200张图像。所以我的问题是我是否在做正确的事情？因为它增加了我的项目规模。
浏览 0提问于2017-08-17得票数 1
我有一个大小设置为包含的背景图像：
background: url('https://cdn.sstatic.net/Sites/stackoverflow/img/404.svg') no-repeat center center;
background-size: contain;
我有一个div，我总是希望它位于背景图像的中心
<div class="bg">
<div class="center"></div>
</div>
有没有办法让.center div始终处于背景图像的中心？使用
浏览 1提问于2018-02-20得票数 1
1回答
哇，这比我预想的要难！
我们试图使用图像精灵作为CSS背景图像在一个响应网站在一个网格。
请。
因此，从本质上说，当调整大小时，需要调整雪碧的背景图像大小，以适应父容器(<span>)。
我已经将背景图像转换为data:image，认为这将是第一步(虽然我不确定)，现在还不太确定如何才能使雪碧的背景图像响应。
到目前为止，我尝试过的一切都会在网格中的每个容器中显示完整的sprite映像。
浏览 2提问于2014-12-09得票数 1
回答已采纳
我必须创建我自己的UITableView的区段标题视图，在顶部、底部和背景色上有一个边框。
我的问题是，实现这一目标的最佳(或最正确)方法是什么？
使用图像？还是用石英绘制边框和背景色？有性能差异吗？
谢谢!(我的英语很抱歉)
浏览 0提问于2012-01-23得票数 0
回答已采纳
3回答
如何有一个非固定的全屏背景图像？
、、、、
我知道的存在有一个全屏背景图像，无论是CSS3还是绝对定位和100%的高度/宽度。
然而，所有这些技术都会产生固定的背景图像，这意味着如果有一些内容比需要滚动条的屏幕大，则在滚动时背景图像将保持不变。
是否可以将背景图像步移到页的宽度/高度，而不是屏幕
浏览 8提问于2011-07-20得票数 0
回答已采纳
2回答
我正在开发一个机器人游戏。我使用xml文件来创建两个菜单。当它们具有相同的背景时，菜单工作得很好，但当它们具有不同的背景时，程序就会使用OutOfMemoryError崩溃。
下面是这两个xml文件的外观：
文件1：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="wrap_content"
android:
浏览 0提问于2012-05-19得票数 0
我正在使用HTML5 5的<picture>标记来创建一个响应性的标题，它将扩展整个浏览器的宽度。标题使用图像作为背景。
对于较大的屏幕，我将高度限制在一个定义的值上。但是，我注意到图像的某个断点开始拉伸和扭曲图像。
我很熟悉使用CSS的background-image: url();来创建一个掩码以防止失真，但我不知道<picture>的最佳实践是什么。
我的代码目前延伸和扭曲了图像。有什么办法可以“掩盖”这个形象吗？
浏览 0提问于2019-08-26得票数 0
回答已采纳
我尝试了许多可能的方法来设置一个完美的背景图像的布局，但从来没有得到一个完美的结果。让我描述一下我的问题。我有一个大小为2880 x 5120像素的图像。我将图像保存在xxxhdpi文件夹中，然后使用Glide库作为背景图像加载图像。我通过编程计算屏幕大小来调整图像大小。下面是作为背景图像加载图像的以下代码。
Glide.with(LoginActivity.this)
.load(R.drawable.login_background)
.override(screenSize[0]*2,screenSize[1
浏览 3提问于2017-08-29得票数 0
2回答
我需要响应css背景图像。其中哪一个更好？或者其他更好的方法？
1:添加img tag
HTML：
<body>
<img src="largeimage.jpg">
<img class="smallscreen" src="smallimage.jpg>
</body>
CSS：
img.smallscreen { display: none; }
@media only screen and (max-width: 320px) {
img {
display
浏览 4提问于2013-09-11得票数 1
回答已采纳
我有一个在普通屏幕和大屏幕上有不同大小的图像视图(我是通过dimens.xml实现的)，让我们假设100*100 dp在小屏幕上，133*133 dp在大屏幕上。
我是通过编程来设置图像的，比方说是def.png
为了获得最好的性能，我应该创建6个版本的def.png(假设我只满足mdpi、hdpi和xhdpi的密度)
小型-mdpi- 100*100 px
小型hdpi- 150*150 px
小-xhdpi- 200*200 px
大型-mdpi- 133*133 px
大-hdpi- 199*199 px
大型-xhdpi- 266*266 px
这意味着
浏览 3提问于2016-12-27得票数 0
在谷歌的云平台：上，没有列出的用于提供URL图像的过期或存储详细信息： --这个文档非常不清楚。该映像是暂时存储在CDN或其他什么上，还是无限期地存储在项目的many存储中，我们正在支付许多倍的存储费用？或者，URL是否在设定的时间后过期，并且该图像的大小被丢弃？
我之所以问这个问题，是因为我听说这个函数的调用会增加延迟，如果可能的话，我希望能够缓存响应，如果是这样的话。但是，如果有的话，我需要知道缓存的过期点。
如有任何帮助或澄清，将不胜感激。
浏览 3提问于2016-08-20得票数 0
回答已采纳
4回答
向静态站点添加(响应)背景图像的最佳方法是什么？另一个要求(由‘dynamic’指定)是由后端设置的，因此不能直接写入CSS文件。
选项A:
通过style属性在模板中注入背景图像。
Pro:浏览器的制作者可以把它取下来。
Contra:它直接向标记添加样式并进行硬编码，这并不理想。我也不知道如何在不将超级复杂的媒体查询添加到样式属性的情况下实现响应性图像解决方案。
选项B:
在模板中注入响应响应的背景图像源作为数据属性，并通过style将最佳假设写入JavaScript属性。
支持:响应图像是可以实现的。内联样式仅通过脚本写入标记。
Contra:当JavaScript失败时失败。准备员不能
浏览 4提问于2015-03-11得票数 5
回答已采纳
我们最近为基于REST API的微服务集成了一个监视解决方案(Data )。监视解决方案为我们提供了许多有用的指标。例如，我们可以看到每个API的平均响应时间。它还提醒我们，如果在指定的时间内平均响应时间增加等。然而，我们最近开始深入研究性能监视，我们发现绝对响应时间并不总是有很大的意义。如果POST请求包含大量要插入DB或处理的项，则响应时间自然会增加。类似地，如果GET请求期望返回数千项，则重新定位的时间预计会更长。我们所缺少的是与响应/请求大小相关的响应时间的度量。我们做了一些研究，但是我们找不到任何工具/库来支持这一点。
我想利用这里的经验。有更客观的性能监控设置的最佳方式是什么？如果
浏览 0提问于2021-03-29得票数 -1
1回答
我正在一个新的项目中使用加速移动页面项目( amp )技术。我担心的是安培img标签的图像.根据这个文档()，您可以使用attribut布局=‘responsive’作为响应目的；在推理中，您也可以使用srcset、media、size属性作为响应目的。
同样，文档表明图像将占用其父容器的空间。
我不明白这个逻辑。为什么我们应该调整容器的大小，使其具有适当的图像大小。如果它是这样工作，它是非常沉重的使用。
提前谢谢你的回答
浏览 3提问于2018-01-18得票数 0
我需要在OpenGL ES中显示480 x 320的背景图像。问题是，当我使用512x512纹理大小时，我在iPhone中遇到了一点速度减慢。因此，我正在寻找在OpenGL ES中渲染iPhone分辨率大小背景的最佳方案。在这种情况下，我应该如何对背景进行切片才能获得最佳性能？我主要关心的是速度。我应该选择256x256或其他纹理大小吗？
浏览 1提问于2010-04-20得票数 4
回答已采纳
2回答
我正在尝试创建我的第一个响应式网站。在这里，我包含了一张图片。此图像具有标题，应以透明叠加方式显示。但是，因为不透明度设置被传递给子元素，所以我从容器中删除了文本。
我根本不能显示覆盖图(因为它里面没有内容)。我真的不能添加一个固定的高度，因为我想要图像来响应浏览器大小的变化。如何才能确保显示此内容？
谢谢你，J
编辑，以及在浏览器调整大小时缩放覆盖图的最佳方式。我甚至不确定这种方法是否可行。
浏览 0提问于2012-05-24得票数 1
我需要以下几点：
没有内容的emtpy div
背景图像设置为div
背景图像是流动的/响应的大小我不能设置固定。
div上的尺寸
我尝试的每一件事都无法迫使div打开以支持背景图像的大小。任何帮助都是非常感谢的。
<header id="header">
<div class="wrapper">
<div class="inner">
<div class="top_banner"></div>
</div>
<div cl
浏览 4提问于2013-05-15得票数 9
1回答
更新
我有全屏背景图像。这给移动浏览带来了问题，因为这些图像很大，而且高分辨率。
接下来的问题是像视网膜显示器这样的东西，一个设计/程序员是如何准备处理这个问题的？我看到很多关于如何在图像之间切换的文章。但是我对像素密度和分辨率的理解太混乱了。何时何地需要，以及如何和为什么要针对它们。
示例：
*全屏幕背景图像，1900x1080分辨率&72。为了进行最佳的优化，每个分辨率/像素密度应该有多少幅图像？此外，在这种情况下，哪一个库/插件/symantics最适合解决这种情况？
最后，如果我使用媒体查询目标和切换背景图像，它会下载所有的图像吗？或者仅仅在这些要求得到满足的时候？
@med
浏览 1提问于2012-06-30得票数 4
回答已采纳
1回答
我想实现一个网格视图，比如Pinterest中的网格视图。
我考虑将其实现为3个表视图。但我不能很好地把它们卷在一起。当我实现scrollViewDidScroll并为表视图设置contentOffset (其他scrollView )时，滚动变得缓慢和不可用。
我所做的另一个实现是加载一组映像，并在viewDraw中调用scrollViewDidScroll函数。ViewDraw函数只绘制必要的图像，并从内存中删除其余的图像，这些图像已经绘制，但不会可见。这也使得ScrollView滚动变得缓慢。它的另一个问题是在绘制图像之前有白色(背景色)补丁。
实现这个网格视图的最佳方法应该是什么
浏览 1提问于2012-02-13得票数 4
2回答
响应图像链路
、、、
我试图使一个按钮响应和缩放浏览器的大小。
我确实将图像设置为标签上的背景图像，但似乎没有达到预期的效果。我现在使用的图像与下面的代码内联。
<section class="desktop">
<img class="logo" src="styles/css/images/oatbook.png" title="OATBook | Oral Anticoagulant Therapy">
<a class="downloada" href="#">
浏览 2提问于2012-01-15得票数 1
回答已采纳
1回答
我有一个导航栏，它使用自定义图像作为背景。还有一些按钮UIBarButtonItems的图片。
当设备旋转时，导航栏高度明显改变为32px而不是44px。
然后制作另一个图像作为导航栏背景，或者创建可伸展图像，这是最佳实践吗？
浏览 0提问于2013-04-30得票数 0
1回答
我是
这是一个简单的问题，我不明白为什么我不能让这个背景图像响应。我使用引导类：“img响应”使它响应。经过1460 on的宽度，图像停止适应的宽度。
图像
Id=“背景”class=“img响应”位于
迪夫
div id="innerWrapper“
这是必需的css代码：
#innerWrapper{
border: 2px solid;
float:none;
position: relative;
overflow:hidden;
width:100%;
display:block;
height: aut
浏览 1提问于2014-03-17得票数 0
回答已采纳
为了实现最佳CSS实现，对此背景图像进行切片的最佳方法是什么？设计师不知道CSS，因为我们不是CSS专家，我们不确定最好的方法来切片背景图像。当然，背景应该是流畅的，并根据不同的显示器大小和页面长度进行缩放。同时，拥有一个大图像或多个小图像似乎不是最好的。
我们不需要支持IE6。
有什么建议吗？
浏览 0提问于2011-08-02得票数 0
回答已采纳
1回答
若要设置视图背景的透明度级别，请使用
mView.getBackground().setAlpha(mViewTransparencyLvl);
如何设置视图背景的模糊级别？
知道背景是可绘制的形状，而不是图像。知道用户控制模糊度。知道这个视图是另一个视图的一部分。
浏览 0提问于2018-04-15得票数 6
回答已采纳
1回答
您可以从下图中看到：
我需要创建全屏背景的简单HTML页面。如果它只能与一种分辨率兼容，这并不难，但我真的不能让它响应，甚至不能部分响应。我试着使用一些CSS教程来处理我已经找到的这类背景，但是没有任何好的运气。最重要的是，这个页面应该是IE8+兼容的，所以我不能只使用任何CSS规则。
这里基本上有3种类型的元素：-背景(蓝线)-徽标(应始终位于蓝线顶部，因为它在示例图像上)-4个带有HTML链接的小横幅
到目前为止，我在背景上合并了徽标，所以它只是一个图像，以便更容易定位。背景图像尺寸为1920x1080px。
以下是我的代码，但可能还有更好的解决方案：
<!doctype html&
浏览 3提问于2013-11-30得票数 0
我正在尝试响应式设计。我的图像当前没有调整大小。在我的标记中，我还将背景图像应用于需要调整大小的某些div。
下面是HTML视图：
请参阅此处的代码：
对于800px和1100px之间的屏幕宽度，我想调整图像的大小。对于任何低于800px的图片，我希望垂直对齐图片框-每行1或2个，无论屏幕宽度允许与否。
目前，当我将浏览器调整到更窄的宽度时，最多有2个框架换到下一行，但如果我继续调整大小，图片框架的背景似乎被切断了，一些图像似乎消失了。不确定如何修复此问题。
浏览 3提问于2013-04-22得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
