-
864 votesanswersviews
使用CSS保持div的宽高比
我想创建一个 div ，可以随着窗口宽度的变化改变其宽度/高度 . 是否有任何CSS3规则允许高度根据宽度变化 while maintaining its aspect ratio ？ 我知道我可以通过JavaScript实现这一点，但我更喜欢只使用CSS . -
0 votesanswersviews
ScrollView中的UIImageView纵横比不起作用
我在故事板中定义了UIScrollView，带有插座 . 此scrollview通过代码（不在故事板上）添加了一个UIImageView . 当我运行应用程序时，图像被拉伸出方面 . 只要我触摸缩放图像，它就会捕捉到适当的宽高比 . 这里发生了什么？！ @IBOutlet var scrollView: UIScrollView! var imageView = UIImageView() va... -
1 votesanswersviews
UIImageView纵横比？
我有一个大小为 320X460 的图像，我想创建一个 UIImageView ，其高度应为 450 . 为了保持纵横比，我动态地计算了UIImageView =（320/460）* 450 = 313.043的宽度 . 并为UIImageView设置contentMode是 UIViewContentModeScaleAspectFit . 并将图像（320x460）设置为图像视图，但它有些模... -
2 votesanswersviews
如何在Android中修复相机预览（surfaceview）的正确宽高比？
我正在创建具有相机功能的Android应用程序 . 摄像机屏幕包含顶部的工具栏，工具栏下方的表面视图（摄像机预览）以及屏幕底部的摄像机控制按钮 . 屏幕始终为纵向 . [删除与问题无关的某些代码行] 这是我的片段 FragmentCamera import android.hardware.Camera; import android.media.CamcorderProfile; import ... -
0 votesanswersviews
根据宽度和纵横比计算新的高度
我的图像是1368 * 1026 我通过1368/1026 = 0.8746355685131195来计算纵横比 我希望图像宽500像素，如何使用宽高比计算高度？ -
0 votesanswersviews
Vuejs计算图像宽高比
你好我需要一些帮助calating像素宽高比我有一个vue应用程序，需要宽度和高度我想要一个禁用的文本字段弹出纵横比，并显示它像这样16：9等等取决于什么宽高比是输入的宽度和高度 . 我有这个，但不知道该怎么做 . <?php ob_start(); session_start(); include('head.php'); include('header.php'); ?> ... -
0 votesanswersviews
使用具有锁定宽高比的Python调整图像大小
我应该如何使用Python脚本调整图像大小，以便自动将高度比调整为使用的宽度？我正在使用以下代码： def Do(Environment): # Resize App.Do( Environment, 'Resize', { 'AspectRatio': 1.33333, 'CurrentDimensionUnits': App.C... -
5 votesanswersviews
将JPEG图像调整为固定宽度，同时保持纵横比不变
如何在保持纵横比的同时将JPEG图像调整为固定宽度？以简单的方式，同时保持质量 . -
23 votesanswersviews
VideoView匹配父高度并保持纵横比
我有一个像这样设置的VideoView： <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/player" android:orientation="vertical" android... -
0 votesanswersviews
如何轻松制作可调整大小的图像以保持纵横比调整大小？
我需要在html页面中放置一个图像，当浏览器边框改变时，该图像将保持纵横比 . 类似的东西： 我试过这个： <html> <head> <title>Test Resize</title> </head> <body> <div style = "wid... -
0 votesanswersviews
保持纵横比
我目前正在研究一种图像裁剪工具，图像裁剪工具来自jCrop，我想要的是使用户拍摄的图像小于上传的原始图像 . 基本上如果上传风景图像，我需要使图像宽304px而不改变镜头的宽高比 . 例如，如果用户上传肖像照片，我需要制作图像237像素而不改变镜头的宽高比 . 这可能吗？我可以在我的代码中访问原始图像大小，但我无法确定我是否确保不改变宽高比？ -
4 votesanswersviews
如何在保持图像宽高比的同时，在没有javascript的情况下，如何使用最大高度和宽度进行灵活的CSS图像大小调整？
我真的以为这会在堆栈溢出的其他地方，但我搜索无效的时间长度 . 如果我错过了，请原谅我 . 我有一组图像需要尽可能大（宽度：100％到容器elem），只要容器不会因为容器宽度而变得太宽或图像太高 . 需要保留宽高比 . 我以为我可以这样做 img { width: 100%; height: auto; max-width: 500px; max-height: 250px; } 我们的想法是，... -
0 votesanswersviews
适合父母并保持宽高比的Div
我有一个保持宽高比的 div 元素：它根据宽度计算高度（使用填充技巧） . 我想做的是将 div 放入另一个，通过适当的垂直和水平可用空间，没有裁剪 . 我认为最接近我想要的是 object-fit: contain - 仅为 img . 我希望div能够在保持纵横比的同时覆盖最大高度和宽度 . 没有垂直或水平作物 . 只有CSS才有可能吗？如果是这样，怎么样？ 更新：好的article目前... -
5 votesanswersviews
约束图像大小的最大宽度和最大高度取决于首先是真实的
试图找出一种可以将肖像和风景图像调整为视口大小的方法，其中包括最大高度和最大宽度场景 . 只要宽度不超过1050px，图像应保持100％宽度 . 另一个限制因素是图像的高度最多为800px . 因此，无论哪个是“真实的”首先应该限制图像的大小 . 如果我设置了 max-width: 1050px 和 max-height: 800px; ，则图像的宽高比会混乱 . （如下面的演示所示） . 还有... -
1 votesanswersviews
CSS纵横比与最大高度
我有一个部分，我想使用纵横比进行缩放，但也保持在最大和最小高度 . 不知何故，max-height属性不适用于此，同时min-width工作正常 . div { background: green; border-bottom: 2px solid red; padding-top: 60%; max-height: 100vh; min-height: 450px; bo... -
2 votesanswersviews
使用CSS按比例调整img大小（警告：预设最大宽度/高度）
我有一个超大图像文件，所以我设置所需的最大宽度/高度（以像素为单位） . 现在我希望该图像在页面调整大小的同时缩小，同时保持纵横比 . （具体来说，在Chrome浏览器中，如果相关的话 . ） <img style="max-width: 700px" src="http://static.photocdn.pt/images/articles/2017/04... -
0 votesanswersviews
CSS - 图像全屏，但会保持宽高比
我如何获得一个图像来填满整个屏幕（注意它下面有东西 - 把它想象成填满整个屏幕的页面中的 Headers ）但保持其纵横比，要么是宽度过大，要么是高度过高 . 我以为会是： <img class="w3-image" src="./images/img1.jpg" style="min-width:100vw; max-height:100v... -
13 votesanswersviews
根据宽度和高度保持纵横比
可以在视口中放置一个方形 div 并使其居中并始终保持 aspect ratio according to width and height ？ 要求 ： 只有CSS 正方形的大小必须适应视口的最小尺寸（宽度或高度），而不管视口的方向（横向或纵向） . 正方形必须在视口中以水平方向和垂直方向居中 例： -
402 votesanswersviews
CSS强制图像调整大小并保持纵横比
我正在使用图像，我遇到了纵横比问题 . <img src="big_image.jpg" width="900" height="600" alt="" /> 如您所见，已经指定了 height 和 width . 我为图片添加了CSS规则： img { max-width:500px; } 但是... -
12 votesanswersviews
根据宽高比和宽度计算图像/视频的高度
我有宽度：240我有宽高比：2.40我需要根据这两个变量得到高度 . 公式是什么？ -
125 votesanswersviews
通过保持宽高比和宽度来调整UIImage的大小
我在许多文章中看到通过保持纵横比来调整图像大小 . 这些函数在调整大小时使用RECT的固定点（宽度和高度） . 但在我的项目中，我需要仅根据宽度调整视图大小，应根据宽高比自动获取高度 . 有人帮助我实现这一目标 . -
3 votesanswersviews
如何根据图像尺寸计算纵横比
我使用Jcrop裁剪图像，所以我想计算图像的高度和宽度的比例，但问题是没有最大高度和宽度的限制 . 当用户上传图像然后我想获得高度，宽度比等所以裁剪它应该是关于纵横比的裁剪例如 宽度= 835，高度= 625纵横比为167：125 我从以下链接计算了这个比例Aspect ratio calculator 我不想要新的高度，宽度 . 我只想计算比例167：125 我怎样才能做到这一点？ -
93 votesanswersviews
保持div的宽高比但是在CSS中填充屏幕宽度和高度？
我有一个网站，它有一个固定的宽高比约为 16:9 景观，就像一个视频 . 我想让它居中并扩展以填充可用的宽度和可用的高度，但不要在任何一侧变大 . For example: 高而薄的页面将使内容伸展整个宽度，同时保持比例高度 . 一个短的宽页面将使内容延伸到整个高度，并具有成比例的宽度 . 我一直在研究两种方法： 使用具有正确宽高比的图像来扩展容器 div ，但我无法让它在主要浏... -
17 votesanswersviews
保持纵横比与最小/最大高度/宽度？
我的网站上有一个用户可以上传图片的图库 . 我希望图像位于保持其高度的div中，图像的高度不应超过500px . 宽度应自动保持纵横比 . HTML： <div id="gallery"> <img src="uploads/my-dynamic-img.jpg"> </div> 我试过这个CSS： #galle... -
0 votesanswersviews
当img达到最大高度时如何停止宽度？
Situation ：我有一个有图像/图片的网站，我想很好地设置它们 .Problem ：在我的CSS max-height属性中工作正常，但当任何图像/图片达到最大高度15％时，任何图像的宽度都不会停止，通过调整浏览器大小或使用更宽的分辨率，它们会变宽和变宽 .Question ：图片不太好，所以当任何img达到我页面上最大15％的高度时，如何停止img width自动调整大小？What I n... -
0 votesanswersviews
根据高度计算apsect比宽度
我有一个内联img，它是1280（w）x 1024（h）并包含在div中 . div的尺寸设置为视口的100％（w / h），并且隐藏了溢出 . 我想将图像用作全屏背景，并且要求它完全填充视口，而不管没有显示边框的尺寸 . 它必须保持其宽高比，我也希望图像始终居中 . 我知道要实现这一目标，一些图像将被裁剪 . 我相信如果使图像高度与视口高度匹配并根据图像宽高比计算宽度，这将有效，但我不确定如何... -
2 votesanswersviews
保持子div的宽高比与父级的高度和宽度变化
我想创建一个div，它保持纵横比与父级的高度和宽度变化 . 在上面的gif中，你可以看到我在改变宽度时能够保持box div的宽高比，但在更改父级的高度时我无法保持它 . .box { width: 100px; background-color: #dfdfdf; max-width: 100%; } .box:after { content: ''; display: b... -
0 votesanswersviews
Qt中的特定布局调整大小行为
我想要的是： 布局 视频宽高比可以在运行时改变，并且整个窗口大小由用户确定 . 到目前为止，黄色的东西是QHBoxLayout，蓝色的东西是QLabel，绿色的东西是QVBoxLayout . 首先，有没有办法让Qt以合理的方式处理调整大小？ （让绿色框具有固定的宽度并相应地调整视频，或者将水平空间分配70％用于视频，30％用于复选框，其中复选框自动包装文本，如果它们出现小或滚动条出现或其他） ... -
1 votesanswersviews
在窗口调整大小时保持画布元素相对于背景图像的位置
我试图在我的画布中相对于我的背景定位元素 . 窗口重新调整大小，保持纵横比 . 背景用窗口大小拉伸 . 问题是一旦窗口重新调整大小，元素位置就不正确 . 如果窗口重新调整大小，元素将稍微调整它们的大小并且仍然处于正确的位置，但是如果窗口被重新调整大小以使其大小加倍，则定位完全关闭 . 到目前为止，我尝试使用 Grid ，但它也无济于事 . 这是XAML <Window x:Class=&qu... -
1 votesanswersviews
保持SVG图像计算公式的方面比例
我在HTML5中有一个SVG的图像元素， 图像大小为:(拉伸，preserveAspectRatio设置为“none”）width = 520px height = 240px 然后，我修改它以保持纵横比（preserveAspectRatio设置为延迟）因为width> height，高度仍然相同= 240px但是我如何计算新的宽度（它因为维持纵横比而缩小）是否有公式这个？