Question

我发现这个非常酷的css3 Iphone。然而，这是大的方式。我想它的尺寸是现在的一半。甚至一个。

但是我很难改变它。我知道我可以使用！important标签调整高度。但它会弄乱所有尺寸，例如按钮。

实现这一目标的最佳方法是什么？可以改成像％这样的相对参数吗？我该怎么做呢

HTML：

sed 's/^\[[\M+\-]\]//' testSed 

 Test 1
 Test 2
 Test 1
 Test 2
 Test 3

CSS：

<div class="row" style="vertical-align: middle;text-align: center; margin-top: -150px;">
    <div class="marvel-device iphone6 silver"  >
        <div class="top-bar"></div>
        <div class="sleep"></div>
        <div class="volume"></div>
        <div class="camera"></div>
        <div class="sensor"></div>
        <div class="speaker"></div>
        <div class="screen">
            <h1>0483/519.007</h1>
        </div>
        <div class="home"></div>
        <div class="bottom-bar"></div>
    </div>
</div>

外部lib＆amp;小提琴：

Answer 1

只需使用transform：scale（0.5）并在旋转之前将其添加到变换

Iphone 6 css3使它的尺寸减半

1 个答案: