Angular 5全屏不动，非拉伸背景图像

文章/答案/技术大牛

发布

1回答

html、css、angular、angular5

我有一个有2个嵌套路由器插座的angular 5应用程序，我想添加一个覆盖整个页面的背景图像。因此，如果用户开始滚动，内容应该滚动，但背景图像应该始终充满整个背景，并且根本不移动(并且不改变大小或拉伸)，无论导航到多深的嵌套路由器出口。 }<body> <a

浏览 12提问于2018-03-01得票数 2

1回答

.NET MAUI全尺度背景图像(叠加元素)

xaml、background、overlay、maui

我使用RelativeLayout在图像的顶部定位图形用户界面。这个图像是一个全屏背景图像，在长度拉伸，保持它的比率。我可以创建相同的布局，但在背景中的全屏图像是100%的高度，并保持其比率。这并不是关于如何使图像拉伸，而是将布局元素(如条目、标签等)放在图像的顶部。

浏览 7提问于2022-09-10得票数 1

回答已采纳

2回答

FullScreen图像防止拉伸

html、css

我试图使图像全屏图像(不是背景)，但它是延伸到大屏幕大小。我知道有一种方法可以使背景图像全屏，使用封面大小和宽度/高度100%，但这是可能的吗？内联图像？谢谢，任何帮助都将是非常感谢的！

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

回答已采纳

1回答

PyGame全屏Win7下的有趣问题

pygame

当切换到全屏模式时，它会“拉伸”图像以适应全屏的比例。然而，在Win7下，它不会...当我切换到全屏模式时，所有内容都保持原来的大小，而不是拉伸图像，而是用我的背景颜色填充边框。我发现它很有趣，但我希望有一种方法来拉伸图像以适应Win7下的屏幕，最好不用重新缩放它们(这是一个相当大的数字……)。

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

3回答

Div元素内的图像未显示

html、css

center; </div> 我正在尝试以不同的元素呈现ocean.png的背景图像的替代方法早些时候，我在正文中放入了显示和图像，当我在浏览器上首先水平拉伸，然后垂直拉伸时，图像能够全尺寸拉伸，但当我首先垂直拉伸时，正文中的背景图像

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

4回答

CSS:背景图像

html、css

使用CSS，我如何才能使页面的背景图像在我向下滚动页面时不会移动(保持不动)？文本和其他元素显然应该移动，但我希望背景图像保持不变。同样使用CSS，我如何使背景图像适合用户的全屏显示？例如，一个4000px x 3000px的背景图像显然不会完全显示在大多数用户的屏幕上，我如何才能使它缩小，而整个背景图像将显示在用户的屏幕上？

浏览 47提问于2014-06-11得票数 -7

5回答

在网页上缩放的背景图像

javascript、html、css、browser

网站的背景图像通常会在您调整浏览器大小时进行缩放。我想以最简单的方式达到同样的效果。换句话说，如果我拖动浏览器窗口的下角，我希望背景图像的大小相应地改变。谢谢!

浏览 3提问于2012-01-23得票数 2

回答已采纳

1回答

无法更改react-bootstrap轮播中图像的大小

react-bootstrap

我似乎不能增加我的旋转木马中图像的大小。我想把图像放大一点。无论源图像的大小如何，当我运行carousel时，它们都显示为相同的大小。我怀疑我需要增加视口的大小，但不知道如何做到这一点。

浏览 1提问于2021-07-08得票数 0

1回答

如何创建一个三角形响应背景图像？

css、image、svg、background-image

我想有两个图像作为背景，是对角线分开。我认为最好的选择是使用SVG形状作为剪裁口罩，但我不确定。一直困扰我的问题是，我无法找到一种方法来创建这样的分裂，同时不拉伸这些图像，并始终保持全屏(因此响应)。我的问题/目标:如何制作一个由两个对角线分开的图像组成的页面，这些图像一起形成一个全屏视图，其中图像没有拉伸</e

浏览 1提问于2015-11-30得票数 3

回答已采纳

2回答

Android应用程序的全屏图像大小是多少？(Android Studio)

android、android-layout、android-studio、background-image

我在一个活动中有一张背景图片，它的大小被设置为1280x920，就像中建议的那样。这个可以完美地工作。我也有一个全屏活动(粘性沉浸式)，在相同的配置下，图像被垂直“拉伸”。图像的大小应该是多少，才能完全没有缩放或拉伸？(当然，当图像占据整个屏幕时)

浏览 19提问于2016-08-22得票数 0

1回答

Swift中的全屏幕背景图像

ios、swift、background、uiimage

我目前正在尝试为我的iOS项目获取全屏背景，这意味着图像应该延伸到整个背景。我目前尝试了两件事，但不能作为解决方案。这只是在实际图像大小上设置背景图像，并在x和y上重复它，它不会将图像拉伸到全屏大小。

浏览 0提问于2014-11-04得票数 1

5回答

android xml可绘制的全屏图像

android、xml、drawable

我想显示一个透明的标志，以屏幕为中心(不拉伸)，而其余的屏幕有一个背景颜色集。<?xml version="1.0" encoding="utf-8"?因此，我尝试了不同的解决方案，以添加一个背景颜色的xml。例如： android:gravity=&qu

浏览 6提问于2015-04-23得票数 11

回答已采纳

6回答

全屏背景图像拉伸

html、image、css、photoshop

我为我的一个客户做了一个全屏幕背景图像，但问题是当我使用以下css代码使图像适合所有屏幕时：position:fixed;top:0;height: 100%;float: left;position: relative;一切都很完美，因为图像填充了我主页的所有背景，但问题是，现在背景图像

浏览 3提问于2013-11-27得票数 4

回答已采纳

6回答

如何在html和css样式中拉伸背景图像？

html、css、web、background-image、background-size

我有困难的背景图像不拉伸以适应屏幕。提供以下代码。background-image: url(backgroundimage.jpg); background-size: cover; 当窗口处于全屏状态时，图像工作正常。我想看看是否有任何方法可以防止它复制图像以适应屏幕，并仅裁剪或拉伸以适应屏幕。因为这将是移动设备上的一个问题。我已经尝试了背景大小

浏览 8提问于2018-09-10得票数 1

2回答

Google Chrome 28.0全屏API -不支持CSS 'width:100%‘

javascript、jquery、html、google-chrome

在Google Chrome27.0之前，我们能够在页面上显示640x480的图像(来自IP摄像头)，并且能够使用JS full screen API通过element.requestFullScreen("#myelement")使该元素全屏显示。通过在CSS中设置“height: 100%；width: auto；”，图像可以拉伸到适合99%的屏幕。这适用于Google Chrome (28.0之前的版本)和Mozilla Firefox。从Google Chrome 28.0开始，全屏</

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

2回答

apk太大，因为android在所有可绘制文件夹中都添加了图片

android、android-drawable

在我的应用程序中，有很多图片，这些图片不仅仅是小的按钮背景图片，还有全屏大小的图片。由于在所有4个可绘制文件夹中添加了所有不同大小的图像，应用程序大小的增长超出了预期，仅由于图像就增加了18MB。有没有最好的方法来优化它，同时注意不在任何屏幕尺寸上拉伸任何图像？我知道9补丁图像，但是如何使用全屏大小的图像作为9补丁图像？

浏览 1提问于2013-04-25得票数 3

1回答

我是否需要为iPhone 4和iPhone 5设置单独的图像集？

ios、iphone-5

我有一个iPhone 4的应用程序，其中包括超过1000个.jpg照片图像。我的问题是:我是否需要为iPhone 5设置单独的图像集？

浏览 0提问于2013-03-26得票数 1

回答已采纳

2回答

如何在iPhone 4,4s和iPhone 5,5c,5s中处理图形

iphone、retina-display、iphone-5

所以早些时候，在使用iPhone视网膜和非视网膜时，我习惯于用"image.png“和"image@2X.png”来处理图像，这在处理图形时是很有用的。这意味着现在所有的图像都是用于视网膜的，所以问题是如何处理iPhone 5,5c,5s图像。由于这些设备的垂直分辨率超过960像素。我是否需要为iPhone 4,4s和iPhone 5,5c,5s创建两个独立的图像集？

浏览 3提问于2013-11-29得票数 1

2回答

位置对象在不同分辨率上的问题

apache-flex、background、positioning、resolution

Situation问题当我们以两种不同的分辨率(1 = 1280*1024；2= 1024*768)观

浏览 6提问于2010-02-17得票数 0

回答已采纳

4回答

避免在不同设备上使用UIImaveView stretchs

ios、swift、responsive-design、uiimageview、uiimage

我需要在我的iOS项目的情节提要中设置一个背景图像，问题是我不希望图像在不同的屏幕上拉伸，例如，如果我使用iPad，我会看到一个拉伸的图像，这对页面中其他组件的表示不是很舒服。有没有办法使用一组图像，这些图像将被加载到用户正在使用的设备中，或者简单地说，是否有任何方法可以为所有设备设置单个图像，并让她适当地适应视图。我想实现的是，如果我使用的是iPad或iPhone 5这个图像(这是一个全屏

浏览 0提问于2018-02-20得票数 1

点击加载更多