响应式背景

文章/答案/技术大牛

发布

1回答

、、、

我正在尝试制作粒子JS的背景图像。我使用图像background-size: cover，因为建议使用它来使背景图像具有响应性，但它不适合。我的问题是，它是否取决于图像的原始大小，或者我做错了什么？有没有什么特别的方法可以让背景反应灵敏呢？换句话说，使图像背景适合不同移动设备屏幕的最大高度和宽度？

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

2回答

我已经设法为我的网站添加了一个自定义背景。fixed; line-height: 18px; background-color: #ffffff;我的问题是它没有响应性，如果我放大背景变大，如果我缩小背景变小，但它在不同的分辨率上应该总是相同的大小。我还应该补充说背景只在左边和右边可见。目前，我只是使用一个大的背景来涵盖所有的内容，这是不必要的，因为80%的内容被我的内容所隐藏。在左侧和右侧显示图像

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

回答已采纳

1回答

响应式网站背景

、、

我已经建立了这个背景作为我的网站设计的一部分，如本所示，有3个切片(div id顶部，中间和底部)。有没有可能使其具有响应性？我见过一些例子，但这是一个大图：

浏览 1提问于2012-02-21得票数 0

3回答

响应式图像背景

、、、

我有一张图片作为我的背景，但我不知道如何让我的代码响应，这样当我减少浏览器的window.Here是我的代码时，图像保持一致：margin-top: 50px; .full {

浏览 0提问于2015-05-11得票数 0

2回答

响应式背景-图像

、

我对我的背景图像有问题。我的背景图像是全宽的，但没有响应性。在我的代码中，我使用了Bootstrap。我希望这不是问题。当我使用宽度100% (这将使其响应性)不是真正工作。然后图像就会被分割。max-width:100%也是如此。我不知道为什么它不能工作。

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

1回答

响应式背景查询

、、

我试图让模式在顶部栏重复，我希望有它的响应，所以大小保持相同的多个窗口大小。我添加了链接中的所有代码。

浏览 0提问于2015-06-13得票数 0

1回答

如何向HTML5画布草图添加背景图像？

、、、

我使用的是响应式Sketchpad - 和。设置背景图像(而不是白色背景)的正确方法是什么，它将完全响应于HTML5画布草图？

浏览 0提问于2019-07-30得票数 0

回答已采纳

1回答

Bootstrap 3中的响应式背景图像

我正在使用Boot Strap 3创建响应式布局。我尝试使用背景图像作为响应式。但它不起作用。创建具有背景图像属性的css，并在div中调用该类。

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

1回答

作为CSS sprite的移动友好的翻转替代方案

、

CSS翻转精灵很酷，但对于响应式设计，我们现在使用图像(这是响应式的)而不是CSS背景(这不是)。对于响应式的基于图像的链接，有没有等同于CSS精灵的工具？

浏览 4提问于2013-02-03得票数 0

2回答

背景感知文本颜色

、、

我有一个响应式的网站，它有一个动态大小的背景图像，有一些黑暗和明亮的区域。在浏览器中，字体颜色被调整为与背景图像的颜色具有良好的对比度。不幸的是，在响应式(移动)设计中，一些文本被覆盖在重新调整大小的背景图像的较暗部分，并且文本可能非常难以阅读。有没有人知道jQuery插件或技术，可以让文本感知其背后的背景，并相应地改变样式/颜色？

浏览 0提问于2013-06-05得票数 7

1回答

在Boot Strap 3中根据屏幕大小加载图像

我正在使用Boot Strap 3作为我新的响应式布局。对于我的主页，我有背景图片。请建议如何根据屏幕分辨率使用不同的背景图像。我不能使用响应式类。请使用下面的URL查看布局。

浏览 1提问于2013-12-31得票数 5

1回答

响应式背景图像

、

让背景图像响应性最好的方法是什么？我想让类.container扩展窗口大小的16%。我还希望文本覆盖和垂直/水平居中。

浏览 1提问于2013-02-24得票数 0

2回答

背景视频响应式

、、、、

有没有办法让视频有响应性呢？在手机上，视频太大了。我试着给它提供width : 100%和height: auto，但后来出现了白条。

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

15回答

全屏响应式背景画面

、、、

我是一个非常新的前端开发和基金会。有人能告诉我我哪里做错了吗？它正在正确缩放，但没有显示完整的图像。我还想让<div class="large-6 large-offset-6 columns">在移动设备上位于它的上方--这可能吗？ <div class="row"&g

浏览 3提问于2013-05-15得票数 66

回答已采纳

2回答