CSS变换:缩放使底部固定元素消失

文章/答案/技术大牛

发布

2回答

html、css、css-position、transform、scale

我正在尝试缩放我的body标签中的元素，以便我的网站在不同的屏幕尺寸上看起来是一样的。但是，当我应用transform: scale()时，与bottom相关的固定元素消失了。为什么会这样?css body -moz-transform: scale(1); -o-transform: scale(1);position: fixed; right: 31px;

浏览 59提问于2021-01-11得票数 1

1回答

我有一种情况，一个DIV元素似乎在保持可点击性的同时，随机变得脆弱。这种情况只发生在chrome中，我无法将问题追溯到特定的css设置中。我希望你们中的一位认识到这个问题，并就可能的原因提出建议。如果控件已经可见，则调整页面的大小，直到控件消失。当控件消失时，它们是不可修复的，但仍然可以单击(将它们悬停使光标发生变化)。包装元件定位为绝对的，并且具有固定的宽度/高度为1080*720，但被变换(缩放)以使其尺寸尽可能大，同时在容器内安装

浏览 4提问于2015-11-09得票数 3

回答已采纳

1回答

变换:从上到下缩放图像

image、css、scale、css-transforms

是否可以使用css上的变换从上到下缩放图像？我这里有一个实例：目前，类thumbsskin中的图像从中心缩放，并扩展到顶部、底部和侧面。它希望把它固定在顶部，并且只按比例缩小到侧面。只用css就能做到吗？

浏览 0提问于2014-09-22得票数 9

回答已采纳

1回答

CSS以100%宽度缩放元素

css、webkit-transform

我遇到的问题是，当我向外扩展元素时，它会得到一个固定的宽度，并且不再扩展100%的宽度。示例- 当我使用CSS的缩放属性(而不是transform: scale)时，它可以正常工作，但是我听说缩放属性没有得到很好的支持。我的问题是，这可以通过CSS变换规模来实现吗？

浏览 2提问于2012-06-08得票数 25

回答已采纳

1回答

SVG线条动画淡入背景图像？

jquery、animation、svg、background-image、fadeout

我有一个SVG动画横幅，我想要淡入它下面的jpg图像。svg横幅会褪色，但背景图像的大小不同，而且它也会褪色，这是我不想要的。

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

1回答

在-webkit-transform之后定位项目:scale()

jquery、css、webkit、dock

我正在尝试用jQuery自动化css设置，我有如下功能//AND$(this).css("-webkit-transform", "scale(2)"); 页脚被设置为bottom=0 (使用foot_c

浏览 1提问于2012-09-25得票数 3

1回答

获取CSS比例转换以更改垂直滚动条？

html、css、css-transforms

我试图使用CSS比例变换缩小或缩小为一个元素。我可以适当地缩放。但是，只有水平滚动条受转换的影响。垂直滚动条不是。 transform-origin: top left;<div class="wrapper"><

浏览 2提问于2019-03-10得票数 0

1回答

用CSS3变换进行JavaScript图像缩放，如何计算原点？(举例说明)

javascript、math、css、zooming

我正在尝试实现图像缩放效果，有点像Google Maps的缩放效果，但使用的是固定位置的图像网格。我在这里上传了一个到目前为止的例子：使用鼠标滚轮来放大/缩小。我已经使用CSS3变换实现了缩放功能： $(this).find('div').css('-moz-transform', 'scale(' + s

浏览 1提问于2010-05-13得票数 4

回答已采纳

1回答

将标记下的所有元素的字体大小降低到其原始值的X或X。

html、css

我希望将标签下的所有元素的字体大小降低到X或其原始值的X值，例如，当我“引用”某人时，他们的文本被完全复制，包括H1、H2、图像、pre等，但字体较小或总体占用空间较小。blockquote{ font-size: 10px; } 但是，正如预期的那样，它将取代所有标记的字体大小，无论是H1、H2还是其他标记，并使它们都具有相同的大小我还尝试了CSS 2D转换，缩放到0.6%，应用0% 0%的原点，以及负值-底部，但结果显示处理起来

浏览 1提问于2014-06-21得票数 0

回答已采纳

1回答

修正了在滚动左Css上消失的div

javascript、html、css

jquery将div固定在卷轴上，运动平稳。如何管理固定div的css左属性我的问题是，登录范围在缩放时消失了(我在滚动右边看不见){

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

回答已采纳

1回答

使用CSS变换比例匹配父元素

scale、css-transforms

我有一个元素需要缩放到父元素的100%。因为元素包含基于像素的动画，图像可以缩放，所以我不能使用百分比。有没有办法使用css变换缩放来做到这一点？

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

2回答

css3转换的Jquery ui可排序问题

javascript、jquery、html、css、jquery-ui

当我使用带有css3转换的jquery ui sortable时，我遇到了一些位置问题。这里我使用了jquery UI sortable，也使用了css3变换、缩放和转换。排序到底部或尝试排序底部对象时，光标和对象之间会出现间隙。

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

2回答

如何使用元素样式化/操作SVG内容

javascript、css、svg

一种是“图像编辑器”，你可以在其中输入一些文本、图标、拖动和缩放等等。有没有办法样式化(CSS)或操纵(JS)那些SVG的DOM而不显示这些额外的元素？

浏览 4提问于2015-10-07得票数 2

2回答

使用CSS命令从上到下，从左到右排列项目

jquery、html、css

底部的更新 <li>2</li> <li>4</li> </ul>2 5

浏览 0提问于2013-11-06得票数 4

3回答

伪元素背景-图像不工作

html、css

根据，我尝试给伪元素(height: X px; width: X px;)显式的固定维数，但是即使这样做有效，我也想要一个适合它的父元素的可缩放的、响应的图像，因此固定的维度对我来说是不可接受的。如何使background-image同时显示并自动缩放？HTML：CSS： background-image:url('https

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

回答已采纳

1回答

在Three.js中控制定制几何图形的缩放

javascript、three.js、3d、csg、threecsg

frame.geometry.computeVertexNormals();} 现在，每当大小发生变化时，我就会动态地缩放这个框架是否可以指定对象应该如何缩放(比如编写我自己的scale函数实现)，或者是否有一个属性/方法可以使用，从而保留“空白”和“对象”部分？提前谢谢你。

浏览 3提问于2019-02-18得票数 0

回答已采纳

1回答

使CSS变换居中(缩放)

css、animation、transform、css-transitions

我在这里创建了一个小提琴，只是想知道如何将对象居中-这样心就会居中，当你将鼠标悬停在它上面时，它会向外缩放，而不是向右下角移动。

浏览 1提问于2012-10-25得票数 1

回答已采纳

2回答

与变换无关的固定线宽

javascript、canvas、html5-canvas

我正在使用画布变换来变换我的坐标系。问题是当x/y很大时，沿着x或y的线宽消失或变形，因为线宽是相对于x和y缩放的。1, 0, 0, 1/y_scale, 0, 0);ctx.strokeRect(20, 20, 80, 100*y_scale); 有没有一种方法可以独立于变换来确定宽度当然，我可以做我自己的变换矩阵，但我不

浏览 2提问于2016-03-16得票数 0

1回答

在缩放的元素上重新计算变换原点

javascript、css、transform

我有一个元素，我可以使用CSS3转换来缩放和移动它。我的目标是始终在鼠标位置进行缩放，因此我将元素的转换原点设置为元素的相对鼠标位置。从比例1放大和缩小效果很好，但当我将光标移动到缩放的元素上时，设置转换原点也会移动元素。有人能帮我吗？

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

2回答

如何将所有图像缩放到同一维区域？

css

所以，如果一个图像是200x100，另一个图像是200x400，我希望它们都能以这样的方式缩放，使它们在屏幕上占据相同的空间。如果我将宽度固定为200，那么第二个元素的大小是第一个元素的4倍。例如： width: 200px;产生这种行为如何使用css修复图像或其他元素的区域？这里的面积，我的意思是长度乘以宽度。我想加载一个任意尺寸的图像，并缩放它(保持高宽比)，使它的面积固定为一

浏览 5提问于2022-04-24得票数 0

回答已采纳

点击加载更多