响应式CSS使用长宽比

文章/答案/技术大牛

发布

2回答

javascript、css、responsive

问题我可以使用长宽比来改变CSS文件吗？如果长度大于宽度，则设备必须是手机或平板电脑，并且比率必须大于1。如果比率小于1，则意味着设备必须是台式机或手机切换到横向模式！？如果是这样的话，我可以很容易地使用JavaScript为不同的平台更改CSS文件！我说的对不对？

浏览 19提问于2020-05-22得票数 0

1回答

实际移动分辨率与css分辨率

html、mobile、responsive-design

我正在开发一个使用HTML5和CSS3的移动应用程序，使用响应式设计。很难找到手机的css分辨率。提前谢谢。

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

1回答

iFrame长宽比卡住，不会响应CSS尺寸

css、html、iframe

示例的视频链接：如何使高度响应于我输入的CSS值？发生什么事了呢？

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

2回答

内存中的纵横比是什么意思？

xilinx

有人知道长宽比在记忆中是什么意思吗？Xilinx FPGA中的块ram和分布式ram有什么不同？谢谢

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

回答已采纳

1回答

在响应式尺寸划分中保持图像长宽比

javascript、html、css

所以我有这个画廊，它有一个部门的可用图像的侧面列表，它在点击时更改其他部门的图像来源使用JavaScript.All部门的大小是以百分比指定的，这样网站就可以为每个分辨率调整大小。

浏览 0提问于2013-04-20得票数 1

回答已采纳

3回答

内部div在高度自动的容器内的高度为100%

css、css-float、height、positioning

<div class="innerOne inner"></div></div> 在不同的视窗下，.innerTwo的内容比.我知道这可以通过给容器设置一个高度来实现，但我不想这么做，因为它是一个响应式站点。这个是可能的吗？我不想使用JS。

浏览 6提问于2013-01-27得票数 7

1回答

最大高度的CSS长宽比

css、aspect-ratio

我有一个部分，我想使用纵横比缩放，但也保持它在最大和最小的高度。不知怎么的，max-height属性不适用于此，而min-width属性工作得很好。 min-height: 450px; } 我试图实现的是显示具有固定纵横比的内容

浏览 0提问于2017-09-05得票数 2

2回答

固定高度但响应性强的图像

css

我曾尝试使用max-width来实现这一点： max-width: 100%; height: 50px;这是可行的，但由于高度属性保持为

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

1回答

我有一个即将到来的项目，其中至关重要的是让元素(例如按钮)在具有不同高度、宽度、显示长宽比(4:3、16:9)、设备像素比例和dpi的不同设备上显示物理相同的大小(例如3厘米)。我如何用HTML + CSS (+ JavaScript)做到这一点？为了有响应式的设计，我为我的所有设备设置了视口： <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no&quo

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

1回答

android多屏支持中的方向和高宽比设置

android

1.屏幕尺寸2.屏幕密度3.方向(纵向/景观)4.长宽比(长/短)提前谢谢。

浏览 4提问于2012-12-11得票数 0

5回答

CSS媒体查询中长宽比与设备长宽比的区别

css、media-queries

简单来说，aspect-ratio和device-aspect-ratio之间的区别是什么

浏览 0提问于2011-04-20得票数 29

回答已采纳

2回答

内有动态文本的CSS圆圈

css、css-shapes

我需要建立一个圆圈形状(在css中)，其中有2行文字，可以改变长度的基础上，翻译，选择和始终居中。98%</span></h3>圆圈需要动态响应文本的长度，保持长宽比不变。

浏览 0提问于2015-04-20得票数 2

回答已采纳

1回答

确定两张图片在php中是否具有相同的纵横比。

php、image、aspect-ratio、image-size

如果我有一个2550x3300像素的图像和另一个773x1000像素的图像，我如何在PHP中比较这两个图像的纵横比？这两个图像应该有相同的长宽比，因为我在paint.net中点击了“保持长宽比”框来调整它的大小。但我使用了各种PHP尝试来计算每个图像的纵横比，结果都不同。

浏览 3提问于2013-10-03得票数 0

1回答

无长宽比属性的flexbox高度的元素宽度长宽比

css、sass、flexbox、aspect-ratio

我希望flex项均匀地填充高度，然后在给定的纵横比(在我的例子中为1/1)设置宽度与flex项的计算高度。

浏览 19提问于2021-11-08得票数 0

3回答

具有CSS网格的等高不同纵横比框

html、css、css-grid

我正在尝试创建这样的布局：右侧的橙色块都具有相同的长宽比，因此高度也相同。蓝色块具有不同的长宽比。蓝色块的高度和橙色块的总和应该相等，如图所示。jsfiddle 示例 .grid { grid-gap: 10px; width

浏览 38提问于2018-08-12得票数 5

回答已采纳

1回答

将CSS高宽比设置为宽度的反比？

javascript、jquery、css

我有一个CSS布局的麻烦-关键是我想要一个盒子的高度增长，因为它的宽度减少。现在，我从一个元素上的“固定纵横比”技术开始--你把高度设置为0，而填充顶部设置为一个百分比，比如50%。填充值计算为父元素宽度的50% (正如您可能猜到的那样，不是高度)，因此您最终得到的是一个固定的2:1长宽比的框，但如果不是流体大小的话。下一步(在我半生不熟的解决方案中)是修改填充百分比，这样它就会随着宽度的减小而增加(宽度是页面的100% )。我很确定这在直接的CSS中是不可能发生的，

浏览 0提问于2013-04-10得票数 2

回答已采纳

25回答