如何确定缩放后的父元素大小？
确定缩放后的父元素大小可以通过以下步骤进行：
- 确定缩放比例：首先，需要确定父元素的缩放比例。缩放比例是指父元素相对于原始大小的缩放倍数。可以使用CSS的
transform属性来设置缩放比例，例如transform: scale(0.5)表示将父元素缩小为原始大小的一半。 - 确定原始大小：获取父元素的原始大小，可以使用CSS的
width和height属性来获取。如果父元素的大小是固定的，可以直接从CSS样式中获取；如果父元素的大小是动态计算的，可以使用JavaScript的offsetWidth和offsetHeight属性来获取。 - 计算缩放后的大小：将原始大小乘以缩放比例，即可得到缩放后的父元素大小。例如，如果原始大小为100px * 100px，缩放比例为0.5，则缩放后的大小为50px * 50px。
- 应用缩放后的大小：将计算得到的缩放后的大小应用到父元素上，可以使用CSS的
width和height属性来设置。例如，width: 50px; height: 50px;表示将父元素的宽度和高度设置为50px。
需要注意的是，缩放后的父元素大小可能会影响其内部元素的布局和样式。在进行缩放操作时，需要综合考虑父元素和内部元素的布局需求，确保缩放后的效果符合预期。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云弹性伸缩（AS）。
相关·内容
我想在WPF DataGrid中将特定行的高度增加到两倍，当鼠标在该行上时，但其余行的高度不应更改。当鼠标移动到另一行时，只有该行的高度应该是双倍的，而前一行的高度应该是正常的。
请告诉我怎么做。
之前，我有以下解决方案。但是在这里，当鼠标移到特定的行上时，行的高度是原来的两倍，但是该行被渲染了。我不想要这个概念，我希望当特定的行高增加时，剩余的行应向下推。
<Style TargetType="{x:Type DataGridRow}">
<Style.Triggers>
<Trigger Property="IsMo
浏览 1提问于2010-08-11得票数 1
回答已采纳
1回答
我们能通过编程知道视图是否被裁剪在屏幕上吗？
例如：
屏幕上有四个按钮。如果其中一个按钮由于按钮的大小而在屏幕上被裁剪。那么，我们是否可以使用代码知道屏幕上的任何按钮是否被裁剪(哪个按钮被裁剪都无关紧要)？所以我们可以控制这种情况。
谢谢。
浏览 0提问于2011-09-19得票数 0
回答已采纳
4回答
如何在SceneKit中更改边界框的大小。我有一个带有一个对象的DAE文件，包围框非常大，如下所示。这是以米为单位的ARKit应用。我怎样才能让它变小。
浏览 11提问于2017-07-01得票数 3
回答已采纳
问题是我应该在我的项目中使用缩放CSS函数。在这种情况下，我想保持文本大小。
trSel.css('transform', 'scale(0.8, 1) translateX(-50px)');
trSel.css('font-size', '2vw');
浏览 1提问于2020-09-29得票数 0
2回答
我刚接触bootstrap，所以我不太清楚它是如何工作的！
我想做的是使屏幕截图中显示的3个图像具有相同的大小。
他们的决议是不同的。
这是每个图像的html
<div class="col-sm-2 ">
<div> <img src="img/test.jpg"> </div>
<div > <h3>Text Here</h3> </div>
</div>
这是屏幕截图
浏览 0提问于2017-02-16得票数 0
<div id = "parent" style = "width:100px; height:100px">
<div id = "child" style = "width:20px; height:20px; font-size:1vw">
Hello there
</div>
</div>
诚然，我对css的理解很差，那就是字体大小:1em，会根据元素本身的宽度的百分比来确定"hello there“的大小。“孩子”的宽度
假设这是正确的，它是否有可能
浏览 10提问于2021-12-22得票数 0
4回答
我正在创建一个网站，是移动友好。我已经为所有的按钮定义了固定大小。
.btn
min-height:45px
当从大屏幕移动到小屏幕时，像素的大小是多少？例如，如果在一个大的桌面屏幕上，45 it占屏幕高度的1%，那么它在一个小移动屏幕上也会占用屏幕高度的1%吗？它看起来与屏幕的高度不成比例。我该换个办法吗？谢谢!
浏览 7提问于2021-05-14得票数 1
回答已采纳
我正在尝试设置一个简单的表单，您可以在其中输入一个pin，然后提交它以切换到另一个电影剪辑。我正在使用闪存CS5和ActionScript 3。我有一些在调整大小事件上调整大小的MovieClips。电影剪辑被完美地调整到舞台的大小，所以他们填写它。
我的问题是伸缩性。
为了避免缩放所有内容，我使用了以下两行代码。
stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;
我看到舞台在左上角。但是，如果我调整浏览器甚至flash预览的大小( Adobe Flash中的CTRL+Enter)，所有元
浏览 4提问于2012-03-26得票数 1
我有一张480px的图像。在我的Macbook上，它看起来还可以，但当我打开我的30英寸显示器时，很明显底部有一个很大的空间。
我可以做些什么来确保480px总是与用户屏幕的大小相关？
我做了一些搜索，似乎使用背景图像:封面或背景位置，我可以做一些事情，但很可能这不是我要找的。我能做些什么来解决这个问题？
浏览 0提问于2013-05-02得票数 0
1回答
我正在努力理解如何让这个图具有响应能力。问题是我有一些节点宽度固定的坐标，当浏览器宽度改变时，我不确定如何处理这些(我猜是使用css translate?)。
浏览 1提问于2015-10-17得票数 0
我已经使用CSS3，HTML5和Javascript创建了一个3d场景(迷宫)。我想根据屏幕大小自动调整场景的大小，这样它就可以适应不同大小的屏幕。最好的方法是什么？有没有办法自动调整场景/屏幕的大小？
如果没有自动的方法，那么我有这样的问题：“在相机的前面”有一个大小为WxH的DIV，我使用translate3d(X，Y，Z)定位，透视P。我如何在屏幕上以像素为单位计算这个DIV的实际大小？
顺便说一句，我正在使用Chrome
浏览 3提问于2012-10-16得票数 0
回答已采纳
2回答
当SVG图形显示在我的网页上时，我需要一些帮助来弄清楚如何调整其大小。
下面是图形、和的两个联合屏幕截图
我的问题是智能手机上的图形太小了。我怎样才能让它变得更大？我没有任何关于这个图形的响应性的东西，只是在我的网页中的普通SVG。所以我猜有些东西是可以做的，但我不知道具体是什么。
以下是SVG图形的开头：
<svg viewbox="0 0 1920 632" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
<title&g
浏览 15提问于2016-08-23得票数 0
1回答
我是Windows开发方面的新手，对Windows Phone开发的了解更多。
我试图创建一个由三个单元格组成的网格视图。每个网格视图由一个图像(用于背景)和一个文本块组成。
我的背景图像是云图像，我希望第一个图像被第二个图像部分隐藏，第二个图像被第三个图像部分隐藏。
我试着用单元格的边距来表示y部分，这是可行的，但是我的云图并不能使我的单元格的整个宽度。所以我尝试了"UnifirmToFill“选项，但是我的图片被裁剪了。
在这种情况下，在iOS开发中，我们可以使用神奇的属性"ClipToBounds"，我在任何地方都看到了“使用剪辑来限制属性”的答案，但显然这个属性
浏览 1提问于2015-07-16得票数 0
1回答
在Chrome和Firefox中，Nav看起来不错，但Safari进入了一个新的领域。
狩猎旅行：
铬：
代码笔：
该导航系统具有以下CSS：
nav {
float: left;
margin-top: 50px;
margin-left: 0px;
}
nav ul li {
display: inline-block;
list-style: none;
height: 100%;
}
nav ul li h1 {
font-size: 40.5px;
font-weight: 600;
he
浏览 1提问于2016-06-02得票数 1
回答已采纳
1回答
我只是有一个简短的问题，关于有一个动态网页的大小调整。到目前为止，我有这个jsfiddle。我已经设置了“像素”的最小宽度/高度要求，但我不确定这是否是这样做的方法。我设置了每个div的最小宽度/高度要求，并将它们的宽度/高度设置为auto。我不确定为什么容器中的内部元素没有缩放它们的宽度，即使它被设置为auto。另外，如果我的div缩小了，但是文本变得太大并且重叠，我应该如何缩放行高和文本大小。提前感谢！
代码-
CSS -
div.container {
min-height: 1005;
min-width: 100%;
background-color: to
浏览 2提问于2015-08-03得票数 0
1回答
我是D3的新手，所以我的D3项目对我来说是一个粗糙的问题，我真的需要一些帮助，我已经寻找了几天的解决方案。
问题是，我想绘制一个分层条形图，每次单击条形图，就会显示该条形图的子布局，就像这个一样，然而，父节点的值是它的子节点的总和。我想自己设置父值并保持布局。json文件是：
{
"name": "flare",
"children": [
{
"name": "analytics",
"children": [
{
浏览 1提问于2014-02-06得票数 0
2回答
我是网页设计的新手，但据我所知，em应该可以缩放到任何屏幕尺寸。我是定义为em或%的所有东西，除了几个微不足道的边框，然而，当我尝试在不同的屏幕上查看它时，没有div或它们的内容比例。
我做错了什么？
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Name</title>
<link rel="stylesheet" href="css/style2.css" type="text/css
浏览 8提问于2014-06-04得票数 0
3回答
我已经决定让我的网站徽标作为一个svg，但它似乎不能很好地呈现在chrome中。在100%的缩放级别下，它看起来很模糊，但如果我缩小几倍，它看起来还可以。这是我正在使用它的网站：
有没有人知道这可能是什么原因以及如何修复？谢谢
我在Illustrator CS5中制作了svg，如果有关系的话。
浏览 0提问于2013-01-05得票数 12
回答已采纳
1回答
我对actionscript 3.0动态电影剪辑放置有一点问题。
场景是这样的：
我有一个由actionscript在电影剪辑中生成的16x16网格。(让我们将其命名为gridContainer)。
网格的平铺应具有恒定的高度和宽度；它不应随其父对象的高度/宽度的变化而缩放。此外，我希望这个gridContainer MC一直延伸到舞台的右侧和底部。
当我调整舞台大小时，问题就出现了。在gridContainer的resize事件侦听器中，我将gridContainer的H/W设置为stage的H/W。我在它们各自的调整大小侦听器中重新缩放了瓦片。但是，当我这样做时，我丢失了容器的宽度和高度。
浏览 0提问于2010-07-11得票数 0
回答已采纳
我正在尝试使抓钩技师为我的游戏，我有问题的连接钩子到绳子。绳子在游戏中通过缩放来改变它的长度。正因为如此，当我用铰链接头将钩子连接到绳子上时，它在改变绳子的比例后就会变得一团糟。还有没有别的办法呢？
浏览 0提问于2016-06-23得票数 0
3回答
我有这个div (id="myDiv")，当div在css - scale下时，它的所有子级也都在比例之下。我需要div来放大，而不是孩子们，以一种“创造性的方式”，我尝试了两种不起作用的东西。如何在不缩放内容的情况下缩放div？
<div id="myDiv">
<h3>Song</h3>
<p>
Strawberry fields forever
</p>
<div>
jQuery
$("#myDiv").css("transform", "sc
浏览 3提问于2014-09-16得票数 8
回答已采纳
2回答
我有个小问题。在按下按钮时，我需要打开带有动画设置的面板。问题是，当我减少父对象(面板)的宽度和高度时，它不会隐藏任何子对象。在父对象中更改子对象时，如何使父对象影响孩子的高度和宽度？
浏览 0提问于2017-09-03得票数 1
回答已采纳
1回答
我正忙着开发一个web-app，但我似乎找不到正确的方法来缩放所有的项目，使其适合屏幕。
正如你在图片上看到的，灰色条是菜单，需要留在适当的位置。中间的内容(蓝色块包括白色背景)需要左右移动，但也需要向上和向下移动。调整窗口大小，缩放和任何其他应该考虑的因素。我目前的技术失败了很多次，所以我希望你们中是否有人知道一些好的技术。
所以就像我说的，内容需要上下左右移动。所有页面的父div的宽度与所有页面的宽度相同。因此，一个页面应该有正确的窗口宽度。高度也是如此，但在水平轴上只有2页。目前我正在使用JavaScript/JQuery调整大小。
作为附注，当当前内容页面大于屏幕所能显示的大
浏览 0提问于2012-11-15得票数 2
3回答
我希望这不是我的CSS样式冲突的地方，但在我的页面()上，我试图将CSS规则应用于所有具有FancyBox类的图像，以便将它们从原始大小的25%缩小。
现在，我听说这可能只适用于包含表格的单元格，所以请告诉我是不是这样。
另外，如果上面说的是真的，有没有什么办法我可以只用普通的CSS和HTML而不用JavaScript呢？
谢谢!
浏览 0提问于2010-08-15得票数 0
下面是用于测试的html代码。在其他浏览器中，所有3-div都缩小了0.5。然而，在IE(包括IE9)中，绝对定位div(第二深度div)及其子div(第三深度div)没有被正确地缩小。
如何正确地对所有div应用缩放样式？
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
<head>
<meta http-equiv="Content-Type" content=
浏览 1提问于2013-06-24得票数 1
我有一个在WPF中显示image对象内部图像的应用程序。该图像包含在一个控件中，该控件的xaml如下：
<UserControl x:Class="MyProgram.NativeImageDisplay"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Loaded="UserControl_Loaded">
浏览 12提问于2011-07-14得票数 7
通常，当锚位于相同位置时，我们可以使用.sizeDelta或来自RectTransform的.rect.width/height，但是如果锚被拉伸，它们都返回负值：
📷
📷
在现实中根本不是5个大小：
📷
已经有SetSizeWithCurrentAnchor了，但怎么才能得到别人的RectTransform's的绝对尺寸？
浏览 0提问于2019-02-13得票数 1
3回答
我在Unity上做了一个游戏，这是我的问题：
因此，在UI中，当我将对象的矩形变换(如标题)设置为stretch时，当我更改屏幕大小时，它会丢失纵横比。但是当我什么都不放的时候，手机屏幕上显示的太少。我该怎么做才能让它既不丢失宽高比，又能根据屏幕进行拉伸？
浏览 0提问于2017-10-18得票数 1
1回答
当浏览器的大小(宽度)在两个特定的数字之间时，我如何使用jQuery、JS、CSS，无论用什么方法改变字体大小值的百分比。
埃克斯。
<div class="Fsize">Sample text<div>
<style>
//a sample size, lets say it can be anything
font-size: 100px;
</style>
<script>
//what should be here to change font-size to for example 30% of it
浏览 2提问于2014-08-17得票数 0
回答已采纳
2回答
我的页面上有一些图标。
但是，由于我使用的是背景图像，所以必须为div .iconImage.linkedIn指定一个像素高度。我试着指定一个百分比的高度，但没有起作用。我想让这个网站看起来适合不同的分辨率，那么我如何在保持图标的相同功能(在链接上方悬停时显示文本和图像)的同时，给背景图像的div一个百分比的高度？请不要给我一个使用像素或ems表示高度/宽度的答案，因为我想要一个看起来适合不同分辨率的网站。。
HTML:
<div class = "icon">
<a href="https://www.linkedin.com/"
浏览 5提问于2016-12-21得票数 2
7回答
您应该将em与px混合使用吗
因为em基于字体大小，而px基于屏幕。
所以问题来了--当大多数网站都在使用em的时候，如何生成一个图片呢？
浏览 0提问于2012-10-06得票数 5
回答已采纳
1回答
TL;DR:如何使div儿童与div本身成比例？
我有一个div，包含文本、图像、图标等各种元素。它保持16:9的纵横比，并填充尽可能多的视图，同时调整浏览器窗口的大小，div (背景与身体背景不同)可以很好地改变大小，尽管内容保持相同的大小，这是不好的，因为我试图创建一个需要在不同分辨率上看起来相同的演示网站。如何使子元素在div中正确地对齐和调整大小？
我试过使用视口单元，尽管结果不是很好。
我的守则：
我尝试使用% em 单元来设置字体大小，然后使用em来缩放其他东西，但是没有成功。我还试过只使用% 单元来设置所有属性，但无论是还是都没有工作。
body {
background
浏览 2提问于2022-11-13得票数 0
当我放大到网页时，我网站的DIV元素相互重叠。例如:如果你放大StackOverflow，元素就会保持触觉，它会放大到屏幕的中心/顶部。
我尝试过答案，但它们都没有说明我如何锁定DIV、span等元素的确切位置，而不会在放大时彼此重叠。
伙计们，我该对我的css做什么改变？
浏览 5提问于2015-11-11得票数 0
回答已采纳
我遇到了一些不同的情况。我有一个圆圈精灵，我是不断旋转的圆，而旋转，我想使圆圈越来越小。
我在圆圈的边缘有一个物体，我把它作为圆圈的子物体。
现在我的问题是如何使这个孩子的物体保持在边缘，而我缩放圈精灵。我S有这个可能吗？
谢谢。
浏览 0提问于2015-04-22得票数 0
我的代码旨在创建不同宽度的<canvas>元素，并将字体设置为20 in，但结果显示字体在更大的窗口中越来越大！
为什么？我没有指示它使用不同大小的字体。
var n = 0,
wind = 30,
canv = [],
ct = []
for (n = 0; n < wind; n++) {
canv[n] = document.createElement('canvas');
canv[n].id = "C" + n;
canv[n].style.width = 30 * n + "px";
浏览 11提问于2022-12-03得票数 0
是否有一种方法可以计算背景图像段(例如，图像白色背景上的红色圆圈)的矩形边界，它是按背景大小缩放的:盖子，即使它有一个负值并且在移动设备视图之外？另一种解决方案是将x/y坐标固定在背景图像位置上。
CSS：
.background{
position: absolute;
width: 100%;
height:100%;
background: url('img.png') no-repeat;
background-size: cover;
background-position: 50% 0;
}
浏览 3提问于2016-12-15得票数 0
回答已采纳
我想保持我的UI看起来是一样的，无论屏幕分辨率是什么，我在我的游戏视图中运行的16:10，我希望UI保持完全相同，居中，即使屏幕分辨率改变。
UI的屏幕截图
浏览 90提问于2018-09-03得票数 1
1回答
我有一个Grid，里面有一个UserControl。我已经为UserControl申请了50%的刻度转换，但是我的Grid高度仍然很高，就像使用100% UserControl标度一样。
<Grid Background="Orange">
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<local:BlockContr
浏览 5提问于2022-08-25得票数 0
回答已采纳
我有一些带有自定义字体的HTML页面，为了让它看起来更好看，我通常使用css对文本进行评估，但是当我浏览时，他们说em是原始字体大小的x倍，我认为这是我将要使用的内容，但是当我使用它时，结果如下：
* {
font-size: 1.5em;
}
<h1>
Header
</h1>
<p>
Paragraph
</p>
注意，它显示的结果是h1和p大小几乎相同，除了h1更厚和更暗，但是为什么2em不意味着比原始文本大2倍呢？为什么h1缩小了，p缩小了？
为了让结果正确显示，我把字体大小设置为1.5em，而不是2em，否则字体太大
浏览 2提问于2017-10-03得票数 0
回答已采纳
我创建了一个flash图库(第一次使用flash )，发现了一个问题。当我调整一个(容器) MovieClip的大小时，它会调整剪辑的孩子的大小，所以我不能手动地调整它们到我需要的尺寸。
如何禁用电影剪辑的子项的大小调整？
浏览 2提问于2011-03-06得票数 0
回答已采纳
我认为这应该是世界上最简单的任务，但事实证明它比我想象的要复杂得多。
我想从一个ImageView派生我自己的View类，扩展它的onDraw方法，以便在ImageView本身显示的底层图像上覆盖更多的元素。
问题是:图像会被缩放以保持其比例，所以有时图像旁边会有边距-我称之为偏移量。要在图像上放置我自己的元素，我需要知道这些偏移量和在图像上执行的缩放-但我在任何地方都得不到线索。
我以为我只需要调用"getImageLeft()“、"getImageTop()”等ImageView方法--但是没有这样的方法！
我在这里找到了一个解决方案，它涉及到我自己的大量计算，我发现这种方
浏览 1提问于2011-09-04得票数 1
我需要定位VideoView元素：
左图: 626dip顶部: 86dip宽度:575 Top高度: 326dip
所以当apk启动时它在右上角，我按了遥控器上的OK按钮，它需要VideoView在FullScreen中(左: 0，上: 0，宽: 100%x，高: 100%y)
我怎样才能在xml文件中做这个？
我使用的是：
android:layout_gravity="center"
以便将VideoView视频填充父视频和视频缩放到父大小。
这是我尝试的代码，但它是居中的FullScreen，当我按下OK按钮时，它是居中的SmallScreen，不知道如何使用dp设置
浏览 0提问于2016-04-28得票数 0
2回答
在12栅格系统的引导下，我如何将图像代码放在下面，例如jumbotron text-centre类下面的图像代码？如何使用媒体查询来确保图像响应性，并适合所有设备和浏览器？
示例1
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<a href="http://i1126.photobucket.com
浏览 2提问于2017-03-25得票数 0
回答已采纳
2回答
我可以使用一些帮助，因为我是新的html编码。不管怎样，我用bootstrap做了一个旋转木马。旋转木马本身运行良好。但是在旋转木马中放置一个按钮后(使用top：(px)和right：(px)，因为我不知道如何将它放在我想要的位置)，它仍然工作得很好。直到我开始调整窗口大小。背景变小了，但按钮的大小保持不变。所以它开始四处移动，曾经相邻的两个按钮，现在变成了两个按钮，它们之间有很大的空间。这里，看看我的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"&
浏览 0提问于2017-04-16得票数 0
回答已采纳
我正在研究1920x1080参考决议。动态创建一个UI元素不止一个。当他们创造的时候，他们是有生命的。这些UI元素从相同的名为"Drift_Stat_Tab“的预置文件实例化。所有这些创建和动画UI元素使用相同的动画运动。
预制件看起来是：
在每个动画的末尾，我从播放的动画运动(即"m_AnchoredPosition.y“属性)中获取最后一个关键帧值，并设置这个UI元素的本地位置：
Stat_Sub_Tab.GetComponent<RectTransform>().localPosition = new Vector3(x_keys[3].value
浏览 10提问于2022-08-08得票数 0
回答已采纳
我在foreignObject元素中有一个带有HTML的SVG。此SVG将像往常一样包含在带有img元素的网页上。
所有这些height width 和width属性是如何关联的？可以设置(或不设置)到：
网页的img元素
SVG映像文件中的svg根元素
SVG图像文件中的foreignObject元素在svg根元素下
浏览 0提问于2017-02-26得票数 0
2回答
我不能在TextBlock中设置Text的FontSize，因为TextBox在Viewbox中。为什么？
<Grid Margin="35,30,35,0" ShowGridLines="False" >
<Grid.ColumnDefinitions>
<ColumnDefinition MinWidth="270 px" Width="2*"/>
<ColumnDefinition Width="5*"/>
<
浏览 2提问于2010-01-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
