我有两个嵌套的div.该inner one是transform: scale(0.5).
两者都是display: inline-block;.
我需要发生的是outer div它的宽度与内部宽度的匹配.这就是我应该发生但不是.出现的是外部div"认为"内部div具有它的原始大小.
只有当内部div transform: scale(1)不是使用小于1的比例因子时,外部div才会将其宽度与内部宽度相匹配,例如:( 0.5参见示例).
我需要一些方法来通过CSS以优雅的方式实现这一点.
在这里你有代码:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.red { background-color: #f00; }
.green { background-color: #0f0; }
.box_1, .box_2 {
display: inline-block;
}
.box_1 {
width: 300px;
height: 300px;
transform: scale(0.5);
transform-origin: left top;
}
</style>
</head>
<body>
<div class="box_2 green">
<div class="box_1 red">Hello World</div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
在这里你有一个预览:
这里有一个实例:https://jsfiddle.net/0bc4sxk3/
关于如何解决这个问题的任何想法?
我正在MSVS2015Pro与Xamarin.
我还安装BlueStacks了一个AVD.
但由于某种原因,BlueStacks AVD它没有出现在可用设备列表中debug。
检查以下图像:
[编辑]
仅供参考:在“Visual Studio输出”窗口中,我收到错误消息(我之前没有看到):
Emulator name lookup failed for emulator 'emulator-5554'
Run Code Online (Sandbox Code Playgroud)
关于如何解决这个问题的任何想法?