CSS两个背景图片不适合移动设备

文章/答案/技术大牛

发布

1回答

css、image、background、pixel

我想把两个图像背景像素完美地放在一起。这在桌面上效果很好，但在移动设备上就不行了。wrapper"> <div class="main"></div> </div> jsfiddle通过切换到移动视图在调试器上检查它那么，如何在移动设备上完美地适应

浏览 10提问于2020-09-18得票数 0

1回答

只在背景图片jquery mobile上滚动内容？

javascript、css、jquery-mobile

我正在为移动设备制作一个网站，使用jQuery移动，超文本标记语言和CSS，我刚刚设置了一个背景图片。我希望图像保持不变，同时滚动其上的其余内容。

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

2回答

我正在创建我自己的投资组合网站，我在移动设备上的背景图片表现得很奇怪。当我发现页面时，有时背景图像效果很好，有时看起来很糟糕。我已经问过一次了，但是这种方法不能解决我的问题。Css - how to stop image scalling with size cover?网址：https://jozefrzadkosz-portfolio.pl 桌面上的CSS类： .background-image { top:center;

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

回答已采纳

4回答

一种阻止移动浏览器下载和显示图像的方法

javascript、http-headers、mobile-website

问题是，我想对该公司的网站进行一些调整，使其在移动设备上更易于使用。这家公司是一家游戏公司，它的主页上有大约500万张图片(这些图片是不能触摸的)。可以在移动浏览器上工作的那个)，它将阻止浏览器下载图像并强制显示alt参数，相反，如果我发现用户代理是某种已知的移动对象，我可以简单地附加此样式。我可以尝试构建文档DOM，然后获取所有的<img>元素，甚至用一些占位符替换它们的src，但这在大多数移动浏览器(我认为是Opera Mini，Windows mobile之类的，诺基亚的基本Symbia

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

回答已采纳

1回答

如何在select和Safari中为选项设置css背景图像

html、css、mobile、safari

我试图通过CSS样式选择选项。它在Chrome上运行得很好，但我在Safari浏览器和移动设备上面临问题。由于某种原因，我的背景图片上的选项没有显示。option[value=icon_1] { }，但在移动和safari

浏览 0提问于2020-11-15得票数 0

回答已采纳

1回答

背景图片在手机上失真

html、css、background-image

即使我将窗口大小调整为移动大小，它也能正常工作。但当我将其加载到实际的移动设备上时，背景图像并没有显示出来。我发现如果我拿掉background-position: center center;，背景图片会在手机上显示出来，但会失真。所以，我的问题是:如何才能让背景图片显示在移动设备上而不让它看起来失真。我对正在讨论的header容器的CSS是： width: 100%; backg

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

2回答

ASP MVC3使用图像作为不同视图/控制器链接

asp.net-mvc、asp.net-mvc-3

抱歉，如果这是一个良性的问题，但仍然是新的ASP MVC3 -什么是使用图像作为链接的最佳语法？它需要导航到另一个控制器(称为Home)的Index.cshtml页面。<a href="@Url.Action("Index", "Home")><img src="@Url.Content("~/Content/images/Monet3.png")" id="MonetSig" /></a>

浏览 0提问于2013-01-25得票数 0

回答已采纳

2回答

如何让我的背景图像覆盖视网膜设备上的整个屏幕？

css、iphone、ipad、responsive-design、background

在高分辨率移动设备(如iPhone、iPad等)上，我的巨型背景图像仅占浏览器高度的一半左右。我希望我的背景图像能覆盖高分辨率移动设备上的大部分屏幕。-我尝试将我的图像实现到的站点.donate-hero { background: #485563 url(..

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

2回答

颤动中所有设备的填充

dart、flutter

我想给所有的移动设备填充。我给了一个填充物。但这只适用于我测试过的设备。如果我使用不同的设备，那么它就不能工作。我是这样使用的：padding: EdgeInsets.all() 它不适合屏幕。但在小屏幕上它是合适的！

浏览 17提问于2018-09-02得票数 1

1回答

CSS精灵性能和拖放

css、css-sprites

有没有人知道使用CSS sprite作为可拖动元素的背景图像是否会对性能产生不利影响--尤其是在平板电脑或移动设备等支持触摸的设备上？每个项目大约是50px x 50px，子画面是800px x 1400px (20kb) 我只是想知道，当背景图片被拖动和重新定位时，浏览器是否正在努力重新定位它？

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

2回答

如何让div背景图像滚动？

css

我希望div的背景图像(带有id="library_tracks")在x和y两个方向上重复，并与div一起滚动。不管是什么原因，背景都是固定的。我想解决方案很简单...有什么想法吗？这是我的CSS： overflow-y: scroll; border: thin solid #DADADA;

浏览 4提问于2010-12-16得票数 3

回答已采纳

2回答

如何获得响应CSS，以适应在纵向和景观之间切换的视口？

html、css、responsive-design、viewport、landscape-portrait

这里是我的目标：--我想要移动设备的移动样式在纵向模式下，而非移动样式用于景观模式。这里是我所做的：设置了媒体查询，以提供最小宽度35 up的移动样式，并添加了一个viewport元标记，显示"meta name=“视图端口”content=“宽度=设备宽度，初始比例尺=1”。移动/纵向CSS为100%宽，非移动/景观CSS为980 is宽。这是我的问题:当我将移动<

浏览 2提问于2014-04-24得票数 0

3回答

使用JS实现响应式/自适应Web的图像

javascript、css、image、media-queries、placement

我正在为移动设备转换网站。想知道如果我的代码结构如下，为移动设备用户提供第二组图像的最佳实践是什么？我已经在使用媒体查询为较小的设备提供不同的布局，并希望向移动用户提供第二个较小的图像集。我不想重新设计整个网站来使用css精灵和背景图片。谢谢。

浏览 1提问于2012-03-20得票数 0

回答已采纳

2回答

Wordpress和Bootstrap媒体查询背景图

wordpress、twitter-bootstrap、media

我有一个网站，它使用以下代码来显示两个背景图像之一，这取决于你所在的网站的页面。媒体查询/响应由Twitter bootstrap处理。这个效果很好--但是现在我需要介绍一个第三个背景图片(一个小一点的)，供移动设备使用。如果我像这样在css中定位新的移动背景图像...关于如何修改标题代码以确保这个移动背景仅在移动上与所有其他背景相对应，有什么想法吗？

浏览 6提问于2013-06-28得票数 0

4回答

如何仅在移动设备上设置选择框的样式

html、css

实际上，我正在尝试使用样式样式<select>框(没有任何图像作为背景)，我的问题是，当我在移动设备上查看它时，它显示我像一个文本框，请指导我如何使它像一个选择框与css。注意:我不想在css中有任何背景图片。

浏览 0提问于2015-04-18得票数 5

7回答

一种在内联css中隐藏HTML电子邮件中的表的方法-只在以后通过媒体查询显示它们

html、css、email、media-queries、html-email

我正在开发我的第一个电子邮件移动模板，使用媒体查询。到目前为止，媒体查询很酷，从现在开始，我一定会在我的网页设计项目中使用它。然而，我遇到了一个困难；我有一个非常复杂的标题设计(背景图片上有Facebook和youtube的标志，链接到相应的页面)，所以它是以一种特殊的方式切片的。这使得它不太容易变成移动版本，我想也许我可以用一种不同的方式来修复它:使用两个不同的头表，一个在大型设备上显示，另一个在小型设备上显示。移动部分没有问题，因为他们很好地解释了嵌入式C

浏览 3提问于2012-08-21得票数 6

回答已采纳

1回答

bootstrap网站中的滑块图像不适合移动视图

html、jquery、css、image、bootstrap-4

我的bootstrap网站上有一个滑块，指向该网站的链接是here 滑块图像在桌面设备上工作得很好，但在移动设备上它不适合屏幕，我做了以下css： @media only screen and (important; } 这个css昨天工作得很好，现在它不工作了，谁能告诉我如何在移动视图中使滑块图像适合屏幕，提前谢谢

浏览 19提问于2021-07-02得票数 0

回答已采纳

2回答

在Blackberry设备中查看时，网站缺少图像/文本

html、blackberry、mobile

所以我正在做一个移动优化的网站，所有的东西在iphone，android等上看起来都很棒。谢谢，布拉德

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

回答已采纳

2回答

移动视图上不需要的空白

html、css、mobile、less

我的问题是，在我的网站上，当我在移动设备上快速滚动时，背景图像向上移动了一点，底部出现了一个空白，然后当我停止滚动时，背景图像又消失了。下面是背景图片的my css： html { -webkit-background-size

浏览 16提问于2021-10-08得票数 0

1回答

背景图像在移动设备上不能覆盖

html、css

我在我的主页上有一个背景图片，它正确地覆盖了整个屏幕。但是，在移动设备上，图像无法调整大小以适合适当的大小。相反，它只显示图像的一部分。css如下： width: 100%; overflow: auto; background: url(".如果您调整浏览器的大小以模拟移动屏幕，您将看到我正在谈论的内容：

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

点击加载更多