相对于文本定位图像，以便按比例缩放响应性

文章/答案/技术大牛

发布

1回答

html、css、positioning

我有一个3列网格，并希望当我缩放所有内容时，左侧图像(蓝色光线)始终位于文本旁边。但是，当我缩放时，网格会伸展(这对于其他列也很好)，但我希望图像始终保持在文本旁边，而不是漂移。请给我建议。

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

回答已采纳

2回答

将元素按比例放置在响应图像上

javascript、html、css、responsive-design

我们有一个响应式图像，并且有一些元素位于图像的绝对上方-位于图像上方的元素需要保持与图像成比例的完全相同的位置。只在CSS中是可能的吗？或者你必须用JS计算标签的位置？定位的元素最后将是文本。

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

2回答

根据缩放背景图像定位和/或缩放div

jquery、html、css、image

我有一个背景图像，它根据浏览器窗口的高度/宽度按比例缩放。我需要在这个背景上放置div，这些div应该相对于背景图像定位。其中一些div还应该根据背景图像进行缩放。但最重要的是，这些div应该始终保持它们相对于背景图像的位置。这有点难住了，这可能吗？任何想法或提示都是非常感谢的。谢谢!更新:这是一个网址，说明了我要实现的目标：粉红色的方框应该始终保持相同的坐标(相对于背

浏览 2提问于2011-04-21得票数 1

1回答

响应图像按窗口高度缩放

css、image、responsive-design、scale

同样，将图像设置为：比如： .当浏览器窗口的宽度变小时，按比例缩放图像，，当浏览器的高度变小时，如何获得相同的缩放效果？我想要达到的最终效果就像您在许多响应性灯箱上看到的一样，比如：。^^我不一定想要制作灯箱本身，但是请注意，当您在那里单击单个图像演示时，lightbox会产生图像，并且不管您缩小浏览器窗口的宽度或高度，灯箱中的图像在缩小时保持成<em

浏览 1提问于2015-06-08得票数 10

1回答

用手势动态调整位置和旋转颤振宽度

flutter、dart、flutter-layout

为此，我需要添加一个动态添加图像和文本到屏幕上的功能。它们中的每一个都应该能够独立地缩放、定位和旋转。应该有像word或photoshop那样的锚点来指示活动图像，并缩放和旋转它们(图像中的样本)。图像应该用拖放的方式定位。小部件应该能够在x、y和xy中扩展。2.使用Transform Widget.在使用转换小部件时，上面提到的小部件指示图像周围的活动图像的问题也与小部件一起缩

浏览 9提问于2021-06-04得票数 14

2回答

如何创建android UI，使其不会随屏幕分辨率而改变？

android、android-layout、android-emulator

我有一个带有背景图像的android应用程序，我会将其部署到模拟器上并查看其行为。最初，我使用带有皮肤的仿真器WVGA800。在UI中，布局中声明的所有textView都被正确放置。

浏览 6提问于2012-07-25得票数 2

1回答

横幅设计创建者-测量

javascript、canvas

我正在创建一个横幅设计创建者(这样人们就可以用它自己的文字、背景、图像、形状等制作自己的设计了)。

浏览 5提问于2015-08-22得票数 0

回答已采纳

1回答

按比例缩放HTML表格的高度和宽度大小

html、css

我的问题是，我希望表格保留一个正方形的大小，以便如果宽度缩放，高度将按比例缩放。我需要像图像缩放一样的功能，即使内容是文本。

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

回答已采纳

2回答

响应性设计-不按比例缩放的图像

html、css、responsive-design、fluid-layout

左列和右列内容只是图像，当浏览器大小改变时，图像会按需要向上/向下缩放。也就是说，当浏览器的大小缩小时，徽标变得比背景图像更小，因此不再与背景图像成比例。

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

回答已采纳

1回答

508符合性-颜色对比

section508、wcag2.0

我们看到，有人提出了关于按数字比例计算的建议： 相对于每个WCAG至少有4.5.1的强制性要求，以达到508.还是这是一个灰色地带，“遵从性”与“可访问性”是问题所在？

浏览 2提问于2014-05-22得票数 3

回答已采纳

2回答

css - Card块，如何定位和调整图像大小

css

我在寻找最佳的方法来定位和调整示例中的图像时遇到了问题。我希望图像被定位在最右边，并调整大小，以便它适合包含块。 position是定位的最佳方式吗?我如何调整它的大小以适应块的大小。我希望图像按比例缩放以适合 *{ margin: 0;} border: 1px solid

浏览 33提问于2020-03-24得票数 1

回答已采纳

2回答

响应式设计-图像和文本结合在一起

html、css、image、responsive-design

我正在设计一个响应性的网站，我被困在这一部分作为响应性。

浏览 1提问于2015-02-14得票数 0

3回答

缩放后在缩放的UIImageView上重绘文本

iphone、ios、uiscrollview、uiimageview、zooming

在自定义的drawRect方法中，在图像上的不同位置覆盖一些文本，文本可以是不同的大小和角度，由图像上的点定义的矩形约束。因此，协调系统都是相对于与UIImageView相关的图像。有时，文本必须呈现到太小的区域，无法在默认缩放级别上读取文本。但是，当我放大时，这并不能使文本更加可读性，因为文本是在原始UIImageView上呈现的，字体大小适合于给定的边界。我想要的是某种方式重

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

1回答

在div中定位图像时出现问题

javascript、html、css、wordpress

它将图像加载到一个div中，我设法按照需要的方式设置图像的样式。问题是我设置的方式是静态的。如果我在更大的屏幕上查看页面，图像是三个一排的，位置不正确。此外，如果其中一个图像的宽度大于高度，它将不会与左侧大图像的底部对齐，因此看起来很奇怪。

浏览 0提问于2015-12-10得票数 0

1回答

我正在创建一个应用程序，试图使用EmguCV在图像中找到三点。这三点用于计算我想向用户显示的数字代码的位置。这样做的目的是帮助用户缩放和对代码进行对齐，以便用户能够很好地阅读代码，而无需付出任何努力。代码可以是在不同的角度，是非常重要的旋转图像，以显示正确的方向代码。我在ScrollView中显示了图像。我所做的是在X和Y中按比例滚动，使图像在代码的中心点上居中。绿色矢量表示从图像原点到代码中心的向量。在这种情况下，图像</

浏览 4提问于2021-11-17得票数 0

回答已采纳

4回答

缩放图像80% - jquery

javascript、jquery、css、media-queries

我正在使用媒体查询使我的网站上的文本和布局(页边距，填充等)具有响应性。我已将其设置为“如果浏览器窗口< 1300px”，则将所有度量更改为80%。这一切都很好，但我的图像没有响应，有没有办法使用jquery在我的图像上设置类似的东西，使img宽度达到其完整大小的80% (与缩放后的页面的其余部分成比例?)

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

回答已采纳

2回答

定位html5视频元素以适合自定义图形

css、html、video、background-image、positioning

绘制的屏幕和视频比例是相同的。当然，它需要具有响应性，所以我的视频必须随帧(图形)缩放。由于图形的原因，它并不像将视频元素放在容器中那么简单。我试图首先用手机作为背景图像来实现它。现在我在考虑两个绝对定位的元素(电话和视频)相互重叠。也许一个包含视频的div和一个绝对定位的伪元素：：在保存图形之后？我经常把简单的事情变得复杂，所以如果有更好的方法实现它，请告诉我。

浏览 2提问于2018-04-13得票数 0

2回答

-webkit-transform:当缩放到iOS上时，比例尺会崩溃

javascript、ios、css、transform、scale

编辑：这些问题似乎是由iOS8修复的。将此问题视为iOS7和早期的bug.。我在计算scaleFactor：scaleFact

浏览 1提问于2014-01-22得票数 1

回答已采纳

1回答

Wordpress仅在索引页面上调整大小/裁剪特色图像

jquery、html、css、wordpress

有没有任何插件或代码，我可以写出来的特色图像后，700X300裁剪。我只需要在主索引文件上裁剪图像。在单个帖子上，我想使用完整大小的图像。

浏览 1提问于2014-01-19得票数 0

3回答

CSS:基本字体大小(在浏览器中设置)和响应式设计

css、font-size

我试图设计一个尽可能响应的网站(除非为iPhones设置了特殊的样式表)。为此，我将所有字体大小都设置为"em“。我知道覆盖用户默认设置不是一种好的做法，但这主要是基于图形的体验(尤其是在首页)，并且文本需要包含在指定的方框中-正如你所看到的，较大的字体大小破坏了设计。

浏览 1提问于2013-01-09得票数 7

回答已采纳

点击加载更多