如何使resposive元素在较大屏幕上以最大宽度和高度显示，并在较小屏幕上保持其比例

文章/答案/技术大牛

发布

2回答

html、css

我正在尝试设置一个按钮，在较大的屏幕上有448px和246px的最大宽度，当你缩小浏览器时，按钮将变得更小，并保持其比例。当浏览器全屏显示时，按钮不会伸展到最大尺寸。

浏览 7提问于2020-12-06得票数 0

2回答

CSS:使画布尽可能大，同时保持高宽比。

css、html、canvas

我在一个容器div中有一个画布元素。当用户从他的机器中选择一个图像时，这个图像应该显示在画布上。我希望画布尽可能大，但同时保持图像的高宽比。我既不知道图像的比例，也不知道容器div的大小，因为这与用户的屏幕/窗口大小有关。如果我将最大宽度和最大高度设置为100%，如果选定的图像较小，画布将不会填充容器，则容器。如果我设置宽度<

浏览 7提问于2015-09-26得票数 9

回答已采纳

2回答

Object-fit:封面；替代？

html、image、css

我在我的页面上有一个图像，我想保持其比例，但根据屏幕大小调整大小。我希望它能使宽度和高度中的较小部分恰好适合元素，而较大的尺寸会溢出元素。

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

回答已采纳

1回答

按比例禁用SVG自动标度

javascript、html、css、svg、d3.js

我计算父元素的宽度，并设置SVG元素宽度等于它，并且始终保持高度不变，因此图表在宽度上发生变化，但在高度上保持不变。我注意到SVG元素的实际大小与在width和height属性中设置的不一样。这使得一些内容隐藏在底部，如果屏幕是宽的，并显示它如果屏幕是狭窄的。如何使SVG与

浏览 2提问于2014-09-04得票数 1

1回答

Android支持多屏固定宽度图标

java、android

我发现了一个自定义的布局脚本，可以在屏幕上均匀地排列它们。这4个图标由一个带有小图像和标题的正方形背景组成。目前宽度和高度是在dp中定义的。但这会使文本伸展或缩小。我假设我需要使用固定值。我知道有4种通用的屏幕分辨率。我的问题是，对于较小的设备，我必须将宽度和高度设置为x和y，但当屏幕由于较大的设备而变得更大

浏览 2提问于2011-09-01得票数 0

回答已采纳

2回答

如何在缩略图上保持图像尺寸

html、css、image、jquery-ui、shopping-cart

我在找一种在手推车上显示缩略图的方法。Thumbnailas是在服务器中创建的，用于保持130x130bx的大小。返回的缩略图宽度或高度(较大)始终为130 is。对于非方形图像，较小的维数是比例较小的。下面的代码用于在浏览器中显示图像。如果图像的高度和宽度有很大的不同，图像看起来很糟糕。如何禁用此缩放，<e

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

回答已采纳

5回答

使图像仅在较大时缩放到父div，同时使用显式的max-width

css、responsive-design

我可以在较小的屏幕上使图像缩放到父div，但仍然限制在显式的最大宽度： max-width: 500px;} 但是，如果图像比父div小，它仍然会被拉伸以填充有没有办法让它只在较大的时候缩放到100%，而在较小的时候保持原始尺寸，而不需要事先知道图像的尺寸？

浏览 1提问于2013-08-08得票数 9

1回答

如何使我的2D游戏响应不同的分辨率？

unity3d

我统一制作了一个2D游戏。我想让我的游戏响应不同的分辨率，当我使用Canvas时，我的UI对象变得非常大。谢谢!

浏览 3提问于2020-07-28得票数 3

回答已采纳

1回答

Cocos2d-x:如何制作全屏背景？

windows-store-apps、cocos2d-x

在我的cocos2d-x游戏中，我的设计分辨率是768x1024 (纵向)，我使用"kResolutionShowAll“策略(因为我想遵守资产比率)。在一些屏幕分辨率(例如Windows 8 PC 1920 x 1080)上，我的边框是黑色的。我的问题是:怎么做？无论我如何缩放我的背景图像，它总是在

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

1回答

在iPhone XS和iPhone XS Max上扩展资产以保持一致性时遇到问题

ios、swift、image、scale、assets

我在尝试让资产在iPhone X/XS和iPhone XS Max (也就是iPhone 8和8 Plus)之间进行适当的扩展时遇到了问题。我想让资产在不同的屏幕尺寸上按比例缩放。我的理解是，X/XS和XS Max都使用3x资源，但显示分辨率不同: X/XS的375pt和XS Max的414pt。我已经在草图上设计了375pt宽度的资

浏览 3提问于2019-04-17得票数 0

2回答

如何在柔性集装箱中指定高度？

css、reactjs、material-ui

在较小的屏幕上，我显示5列，在较大的屏幕上显示10列。如何指定行的高度，使文本容器在这两种情况下都是正方形的，而不是文本的固有高度？我希望保持大小的动态，所以当窗口调整大小时，正方形填充行。

浏览 0提问于2019-08-29得票数 0

回答已采纳

2回答

最大到最小媒体查询CSS

html、css、media-queries

因此，我的目标是实现渐进式增强，而不是使用优雅的降级谁能解释一下重新设计CSS的最佳方法是使用最小宽度的媒体查询，而不是最大宽度的媒体查询？

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

1回答

如何按照特殊规则编程缩放和裁剪图像

android、image、scale、crop、rules

我想要缩放和裁剪一个特定的方式，然后显示它-取决于它的初始尺寸和它的宽度和高度的比例。最后，我希望图像填充整个可用的屏幕。以下是我在缩放和裁剪时需要遵循的规则：如果图像的宽度大于其高度: a)缩放图像的高度以匹配屏幕的高度，但保持图像的初始宽度/高度</e

浏览 1提问于2021-02-23得票数 0

3回答

我正在尝试做一个应用程序，其中一张图片将被显示，有一些对象，用户需要识别(即一个杯子)，通过触摸屏幕上的图片中的杯子，将绘制一个圆圈，如果它是有效的。到目前为止，我有一个带有位图的表面视图，可以全屏显示，当触摸屏幕时，会在视图上画一个圆圈。我只能想到在图片中手动获取杯子的坐标(硬编码)，并对照touch event.getX()和event.getY()的坐标进行检查。但当屏幕分辨率改变时，这将不起作用。这样做的更好方法是什么？这就像我试图找到一种方

浏览 2提问于2011-01-11得票数 0

回答已采纳

3回答

IOS:无法将UIViews设置为正确的旋转大小

ios、xcode、ios7、uiview

我有一个简单的应用程序，有两个UIViews，较大的是通过接口构建器创建的，较小的是以编程方式创建的：在肖像中，当在视网膜ipad模拟器上运行时，较大的视图比屏幕更高。在非视网膜ipad上，它的高度是正确的。在4英寸iPhone和3.5英寸iPhone上也是如此。较大的视图不再充满屏幕。，这是可行的

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

2回答

屏幕尺寸问题

android

在我的应用程序中，使用buttons..its创建日历，在所有分辨率下工作正常，除了具有屏幕分辨率的设备240X320..Actually，它运行，但某些部分是不可见的.我已经发送了代码和屏幕shot.

浏览 1提问于2011-07-27得票数 0

回答已采纳

3回答

创建响应的div元素

css、html

我不知道标题是否正确，但我想要的基本上是创建一个div元素，它与屏幕的分辨率成正比。例如，如果宽度为1900 if，我希望div具有：height: 775px;width: 620px; height:所以我想要的宽度是屏幕的一个百分比，比如说，高度是基于宽度的。

浏览 5提问于2016-07-23得票数 0

回答已采纳

2回答

我是应该在颤振小部件中使用绝对像素值，还是应该将它们缩放到屏幕上？

flutter、responsive-design

我是从一个网页背景，我习惯于定义屏幕元素的高度和宽度的百分比，或包含它们的元素。现在我很兴奋，想开始构建一个应用程序，我有点困惑，因为这门课程只谈到高度&绝对像素值的宽度。我可以看到，这是问题的不同方面的配给，特别是在不同的方向。有没有一种非固执己见

浏览 11提问于2020-06-03得票数 6

回答已采纳

1回答

如何使用CSS使图像响应？

responsive-design、image-scaling

如何使图像具有响应性，使其在更改屏幕大小时保持其比例不变？例如，如果我在图像的右中有一本书的封面(就像这里的标题图像)，我如何在不同的屏幕上保持书封面在图像中大致相同的位置？我已经使用了大约30种不同的最小高度和最小宽度的媒体查询来临时拼凑了一些东西，但似乎应该有一个更优雅的解决方案。我尝试了宽度</

浏览 9提问于2016-08-12得票数 0

1回答

浮动元素:不同屏幕上不同的最大宽度

css、mobile

我的网站()的主要功能是严格的浮动和最大宽度工作良好.我的侧边栏槽是float: left;和float: right;，我的内容按钮是margins: auto;。在桌面屏幕大小上，每件事情都是相互对应的--但在移动平台上，侧边栏出现在内容的之上。在对algo更新的预期中，我继续向所有内容添加了响应容器:我的侧边栏运行一个带有max-width: 160px;的width: 100%; 1.将它们保持在应该的位置，2.允许它们<em

浏览 6提问于2015-03-29得票数 0

回答已采纳

点击加载更多