图像HTML / CSS的马赛克
我想在 div 中以 3的固定长宽比制作肖像图片 2 。图片的大小为 327x491px 。 主要的问题是图片之间不必要的空格。 HTML ： em>
..
aspect-ratio相关内容
弹性框布局中的底部/顶部
我有一个包含两个项目的 flexbox布局。其中一个使用 padding-bottom ： #flexBox {border：1px solid red; width：50％; margin：0 auto; padding：1em;显示：flex; flex-direction：column;}＃text {border：1px solid green; padding：.5em;}＃pa
..
根据宽度和高度保持宽高比
可以在视口中安装并居中一个正方形 div ，并始终根据宽度和高度保持宽高比？ 要求： 仅限CSS 必须适应视口的最小尺寸（宽度或高度），而不管视口的方向（横向或纵向）。 正方形必须居中horizontaly和verticaly //i.stack.imgur.com/nKS55.png“alt =”根据视口的宽度和高度保持宽高比“> 解决方案 要在视口中根据宽度和高
..
CSS力图像调整大小并保持宽高比
我正在使用图片，而且遇到了长宽比问题。 可以看到， height code> width 。我为图片添加了CSS规则： img { max-width：500px; } 但 big_image.jpg ，我收到 wid
..
维护CSS的宽高比，但在CSS中填充屏幕宽度和高度？
我有一个网站放在一起，具有大约 16：9 景观的固定长宽比，就像一个视频。 我想让它居中，并展开以填满可用的宽度和可用的高度，但从来不会增大两边。 例如： 短宽页面会使内容以完整的高度展开，并具有成比例的宽度。 我一直在寻找两种方法： 使用具有正确宽高比的图片来展开容器 div ，但我无法让它的行为相同主要浏览器。 设置一个比例底部填充，但是只有相对于宽度工作，忽略
..
网格的响应正方形
我想知道如何使用响应方格创建布局。每个正方形都会有垂直和水平对齐内容。具体示例如下所示... 解决方案 您可以使用竖直和水平中心内容只与 CSS 。我将解释如何一步一步的过程，但首先在这里是你可以实现的两个演示： 方形网格 内容广告的网格 现在让我们来看看如何制作这些花哨的响应广场！ 1。制作响应式广告： 保持元素正方形（或其他长度比率）的技巧是使用百分比 pad
..
使用CSS保持div的高宽比
我想创建一个div，可以随着窗口宽度的变化而改变其宽度/高度。 有任何CSS3规则允许高度根据 我知道我可以通过JavaScript来实现，但我宁愿只使用CSS。 解决方案 只需使用 padding-bottom 的百分比值创建一个包装器
this： div {width：100％;填充底部：75％;背景：金; / **
..
< canvas>的纵横比行为 - 内部尺寸和元件尺寸
如你所知，HTML5中的 元素具有内部大小，通过 elm.width 和 elm.height 其中 elm 是DOM元素。 DOM本身中的元素可以有不同的框大小，通过CSS设置。 当两者不同时，浏览器会自动延伸 以适合内容框大小。这个行为可以调整没有额外的元素？是否可以设置为 background-size：contains ，以便保持内部画布大小
..
响应式HTML5视频+画布
我使用以下函数进行缩放和翻译，以及调整浏览器窗口大小时。但是，当窗口大小改变时，我想保存宽高比（现在视频的一些部分被切掉），就像媒体播放器处理窗口大小调整一样。 / ** *当'resize'事件发生时调用此函数，它简单地改变方式 *和通过浏览器使用少量的CSS3技术显示。 * @return none * / function resi
..
Libgdx相机/缩放问题
这只是一个真正的快速的帖子想知道我做错了什么？ 我想要的背景填充在整个屏幕上，这不使它工作。 这里是所有的代码： //变量 跳转游戏; OrthographicCamera cam; SpriteBatch sb; //变量 public SplashScreen（Jump game） { this.game = game; cam =
..
保持窗体的长宽比在c＃
我怎样才能让一个表格有在调整大小时所保存的固定纵横比？ 我知道它可以通过重写来完成 OnSizeChanged 并手动修改[新]高度/宽度，但会导致闪烁，因为被称为事件之前将被重新调整一次（不匹配的宽高比的大小），然后再调整（以正确的纵横比）。有没有更好的办法？ 解决方案 一些代码来让你开始。关键是要对WM_SIZING消息作出响应，它可以让你改变窗口的矩形。此示例是粗糙的，你真的要
..
如何保持用户控件的宽高比？
有没有人有一个想法如何保持高度/宽度比1：一个用户控件的1 例如。如果高度>宽度，宽度和放大器;高度将有相同的大小，反之亦然。 解决方案 我不知道这会工作，但如果你注册一个处理对于 时，SizeChanged 并在那里把你的代码事件保持纵横比为1：1。 的 的 SizeChangedEventArgs 参数有旧的尺寸和新的大小，以便您可以检查哪些改变并相应地更新等。 您
..
如何有一个圆形，中心裁剪的ImageView，而无需创建一个新的位图？
注意：我知道有很多关于这个问题和资料库，但没有似乎符合我尽量做到 背景 任给纵横比的位图，祝（仅使用可拉伸，不延长的ImageView）的形状，以将其设置为一个ImageView的内容，所以该内容将是中心裁剪，但一圈。 所有这一切，以最小的内存使用情况，因为图像可能会相当大，有时。我不希望创建一个全新的位图只是为了这一点。内容已经在那里... 问题 我发现所有的解决方案缺乏对我写的一件事
..
C＃：如何按比例调整图像的最大高度
我需要按比例调整图片的大小，而不改变方面ratio.I有code固定HIGHT和宽度来调整，但我需要与最大高度按比例调整图像（600说像素）。我怎样才能修改code，以满足我的要求？ 公共静态无效的主要（） { VAR图像= Image.FromFile（@“C：\\ logo.png”）; 变种newImage = ScaleImage（图像，300，400）; newImage.
..
Android的 - 保持纵横比对背景图像上的默认按钮
有什么办法保持绘制的长宽比时，作为一个按钮背景适用（不能使用的ImageButton （需要在按钮文字可能性），不能使用 setCompoundDrawables（），因为那也没有满足我的要求（我做我自己的类来支持添加背景，同时仍保留了原生Android默认的按钮，再加上我需要设置按钮的中间德的背景下，不左，右，顶部或底部））。 我试着用溶液中的 ScaleDrawable ，但无论哪种，我做错
..
约束基于维＆QUOT;其他＆QUOT;尺寸
我想创建使得维度之一是基于重量的图。不过，我想这种观点具有特定的纵横比。在这种情况下，我希望它是正方形。 所以我风有这样的事情： ＆LT; ImageView的 机器人：ID =“@ + ID / MyPicture” 机器人：layout_width =“???” 机器人：layout_height =“0” 机器人：layout_weight =“2”
..
试图找出如何在Mac匹配的宽高比到Android
我在做一个形状匹配的游戏为幼儿。 我画我的Mac上使用GIMP的形状。 里的影像都似乎在Android设备伸出。 有一些数学方法我可以计算出多少我都短到Mac电脑上进行图像，使它们看起来正确的Android设备？ 解决方案 这是一个很难回答的问题。我做了几个应用程序适用于iOS和有pretty多与iPhone和iPad，它们具有不同的纵横比（我怀疑是你所遇到的问题）之间发生的图形
..
如何设置ViewPager 9补丁的背景下，这将会把内页，并保持宽高比？
背景 我有一个ViewPager（图像页），这需要显示其在影像中的内容，应该保持它的高宽比。 问题 问题是，当我只设置一个9补丁任何种类的ViewGroup（包括ViewPager），图像只是延伸（不保持纵横比），以及由于某种原因，它甚至不尊重内容边框我已经设置到它（在9补丁）。 就算我把ViewPager中有9个补丁的背景，而不是一个的FrameLayout就发生了。 我已经试过 我
..
相机previewView在一些Android设备streched
现在IM播放与谷歌和IM有一些问题，我的code中的API2相机。我有两个不同CameraSessions，一个用于视频，另一个用于图像。要做到这一点更有效的I改变code使用唯一的会话，使应用程序更高效。 做到这一点后，我的相机preVIEW没有充分的工作。当即时通讯使用的是4：3纵横比我的preVIEW成为高度streched。 9比例：在其他的方式，它使用16时，林看起来不错。 在这两种
..
正确的纵横比在Android中
我正在开发的是画在相机上 SurfaceView 的应用程序。在开始的时候，我发现有意见的麻烦。他们没有正确地显示。所以我用下面的方法来纠正宽高比问题： 注：此方法在几个地方发现的一个修正为Android相机宽高比 私人尺寸getOptimal previewSize（列表＆LT;尺寸和GT;的大小，INT W，INT高）{ 最终双ASPECT_TOLERANCE = 0.1;
..