CSS transform- scale () -如何在不缩放容器的情况下缩放文本并保持适当的对齐方式

文章/答案/技术大牛

发布

1回答

html、css

问题是，当我这样做时，容器的大小也被调整了，并且我失去了我的对齐方式。我尝试了不同类型的显示(块显示，内联显示)，最后，我认为它可以工作，flex，但显然不是。使用CSS可以吗？ padding-left: 5px; /* display: inline-flex; */ transform: scale</p>

浏览 283提问于2021-11-10得票数 0

回答已采纳

1回答

CSS缩放不工作- iPad OS (v13 -最新) Safari

css、ipad、safari、zooming

我在iPad操作系统的Safari中发现了一个bug。问题是，当我使用css缩放属性缩放时，safari采用元素的字体大小，并根据缩放级别进行放大或缩小。例子:如果我有一个字体大小:20 my在100%，放大到50%的元素，safari正在使字体大小现在保持在40 my，使元素保持在100%，因此破坏了我的布局。只有在运行iPad操作系统的设备上才会发生这种情况。(这发生在所有<e

浏览 7提问于2019-11-22得票数 5

1回答

转换上的HTML文本对齐问题

html、css、css-transforms、text-alignment

我正在尝试在html/css中呈现一行转换后的文本，但是我遇到了一些问题。当我缩放Y方向时，元素的整体对齐方式会发生变化，如图所示。尝试仅将L旋转180度会导致相同的错误。如何保持文本在y缩放轴上的垂直对齐？假设我也是这样做的，你的解决方案有什么变化吗？<style type=

浏览 0提问于2017-11-04得票数 2

2回答

如何在我的响应式网站标尺上制作特定的、固定宽度的DIV以适应智能手机屏幕？

mobile、responsive-design、zooming、scale、viewport

它维护我的DIVs的适当大小(无论它们是固定的还是百分比的)，并且我设计我的元素以适应相应的情况。我不能将此div百分比作为基础。它的宽度必须至少为1000px，并在每个设备上保持该大小。显然

浏览 6提问于2013-09-12得票数 0

3回答

默认情况下使HTML页面缩放

html、css、jsp

我设计了一个页面，当浏览器缩放到90%时，按钮看起来很好，但默认情况下，其他用户在浏览器中以100/125%+的比例查看它，这导致按钮和输入表单重叠。因此，我希望在JSP页面加载时将缩放值默认设置为90%。我该怎么做呢？在进行任何这样的设置后，是否可以使页面不可缩放？或者有没有更好的解决方案？

浏览 1提问于2014-03-12得票数 29

回答已采纳

3回答

使用额外字母间距的中间对齐文本

css、alignment

什么是对齐一些增加了letter-spacing的文本的最佳方式，这样它实际上就在它的容器的中心？文本位于一个h5标记中，该标记在父div中对齐，但明显地位于左侧，因为letter-spacing适用于每个字母的右侧。我可以手动添加一些左填充，但如果更改浏览器缩放级别，则不会保持一致。是否有一种方法来计算每个字母之间的间距，无论是使用cs

浏览 9提问于2013-02-03得票数 5

回答已采纳

2回答

使用CSS* transform scale()缩放元素而不进行裁剪，保持滚动*

javascript、html、css、css-transforms、scaletransform

* translateY + "px) scale(2)"); }通过控制translateX和translateY的值，您可以更改缩放的工作方式最初呈现的视图如下所示：单击“A”框将适当放大：(请注意，在末尾单击D只是通过放大显示复位。) 问题是：缩放到方框D将缩放缩放容器，使滚动到顶

浏览 3提问于2016-04-03得票数 13

回答已采纳

2回答

缩放全屏iframe的内容

javascript、html、css、iframe、scale

如何在不更改实际iframe大小的情况下缩放全屏iframe的内容？这是我目前试图缩放内容的尝试，但它最终取消了100%的宽度和高度： #frame { -moz-transform: scale(0.75); -o-transform: scale</e

浏览 17提问于2017-06-25得票数 0

回答已采纳

1回答

将div缩放到它的父级，同时保持内部的绝对位置

html、css

我需要显示一个图像(平面图)，在上面放置多个图标(摄像机)，并将该图像(其div容器)缩放到其父容器。下面的示例显示了我的当前状态。现在，我需要以某种方式缩放.container以适应顶级div (这里我设置了400 on宽度，但在现实生活中，这将是动态/响应的)，同时保持相机图标的正确位置。我知道

浏览 0提问于2019-06-28得票数 1

回答已采纳

1回答

缩放后的文本模糊

html、css

我正在将悬停时的文本放大一小部分。文本看起来很模糊。在寻找解决方案后，我尝试了其他人提到的各种方法，但这些方法都不起作用。例如：我也试过在鼠标悬停之前缩小文本，并使用鼠标悬停将其缩放到1的值。这也不起作用。如何在不模糊的情况下缩放文本？我正在使用transform scale<

浏览 2提问于2015-09-25得票数 0

1回答

K8s部署带有缩放副本的Yaml动态计数

kubernetes、azure-devops、yaml、azure-aks、replicaset

如何使用yaml部署文件升级现有的正在运行的部署，而不更改该部署的运行副本数量？因此，我需要在不更改yaml文件的情况下动态设置副本的数量。这就像运行kubectl应用-f deployment.yaml和kubectl scale --副本=3在一起，或者在另一个病房中应用部署yaml更改，保持运行副本的numebr不变。例如:我有一个正在运行的部署，它已经将其吊舱缩放为5个副本

浏览 9提问于2021-12-13得票数 1

4回答

父div上的css3比例变换，但在某些关联div中保持恒定大小

css、transform、scale

我正在使用css3缩放变换来缩放一个包含其他div的div。我正在尝试应用反向缩放。如果整体div应用了值1.5，我正在尝试找出我现在应该缩放其他div的值，以便在视觉上将它们恢复到

浏览 2提问于2013-03-21得票数 18

3回答

独立翻译和缩放功能？

html、css

我目前正在学习前端，在我正在学习的课程(?)中，我们使用transform: translate(-10px, 10px)，但是，我最近发现了一个独立的translate属性，它的工作方式和工作方式完全相同。这是否意味着我应该停止使用transform，而使用单独的属性？

浏览 1提问于2020-04-02得票数 0

回答已采纳

5回答

CSS缩放div，但希望html保持正常规模。

jquery、html、css、jquery-ui

我有HTML和CSS，如下所示： <div class="text">This is my text</div>当外部框通过动画进行操作时，如何防止文本缩放？

浏览 4提问于2016-09-01得票数 3

回答已采纳

1回答

jQuery放大图像但保持居中

jquery、css

我正在尝试有一个图像放大使用jQuery，同时保持它居中。我尝试添加一个'right'动画属性，但是没有帮助。 <img id="chart" src="images/chartstart.png" usemap="#chartmap" alt="Chart" />CSS

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

回答已采纳

2回答

使用JavaFX中的按钮自动缩放按钮的文本

java、button、text、javafx、autoresize

我尝试将CSS样式表中的-fx-font-size设置为百分比值，但它的工作方式似乎与网站不同:文本不按其容器的百分比伸缩，而是按某些预定义的文本大小的百分比进行缩放。这不是复制品！这不是我所需要的，因为我希望已经创建的按钮也能在这些按钮以某种方式调整容器内的大小时自动调整文本

浏览 1提问于2016-05-04得票数 1

1回答

当应用翻译:比例尺时，我如何计算出一个div移动了多少？

javascript、html、css

我使用CSS转换:scale()来完成这个任务。我还需要一个背景来填充它后面的容器以与它并排缩放，这是我正在手动完成的(如果我将它保持在被缩放的div中，那么背景将不会占用整个页面)。缩放大小是很容易的，但是当我缩放div时，它似乎也改变了事物。我有一个与背景相一致的div。当两者都被缩放时，div不再以相同的方式与背景

浏览 2提问于2016-10-19得票数 0

回答已采纳

2回答

与缩放的兄弟姐妹保持对齐，而不进行反向缩放。

html、css、css-transitions、css-transforms

我有一个元素，它要求对背景进行缩放，而不缩放父元素中的元素。我是通过使用pseudo元素来定义背景来实现这一点的，然后在hover上，我只需缩放pseudo元素。到目前为止，还不错..。问题是，我需要一些元素，以保持与缩放的背景，尽管没有缩放自己。最明显的解决方案是放弃scale，而使用裕度来缩小绝对定位的pseudo元素。然而，我对此的保留意见是，transit

浏览 1提问于2019-06-10得票数 2

回答已采纳

3回答

防止在触摸屏上缩放时调整固定元素的大小

css、touch

在HTML网站上，您有一个固定的元素，如下所示： <p>Some content</p>它有这样的CSS：当您在移动设备(或任何支持触摸屏的设备)上查看此页面时，如果您挤压屏幕以进行放大，则固定元素将与所有其他内容一起放大一个实际的<

浏览 2提问于2013-03-06得票数 34

4回答

如何根据不同的屏幕宽度缩放我的网站

html、css、media-queries、viewport

我想改变我的网站的规模为0.7或类似，这取决于所使用的设备的宽度。到目前为止，我能找到的唯一有用的信息是以下<meta>标记： <meta name="viewport" content="width=device-width, initial-scale=1.0">我想知道，只有当设备的宽度与一定的宽度或宽度匹配时，才能编写像下面这样的代码来应用网站<

浏览 0提问于2016-04-15得票数 4

回答已采纳

点击加载更多