scale up whole div

Question

Мне было интересно, можно ли увеличить процент div и его содержимого?

Игра Я строю пиксель на основе, поэтому я не могу использовать проценты внутри gameContainer (Фоновые изображения также необходимо масштабировать)

Вот демо, что я пытаюсь достичь http://codepen.io/friendlygiraffe/pen/MKwjNE

<div id="gameContainer"> 
<div id="scene2"> 
     <div id="box1"></div> 
<div id="box2"></div>   
</div> 
</div> 

Answer 1

Неуверенный, который div требует scaling, но вы можете использовать transform: scale(); свойство в CSS элемента, к которому требуется масштабирование.

Такие, как:

#box2 { 
    top : 80px; 
     position: absolute; 
     background-position: center; 
    background-size: contain; 
    background-image: url("http://blog.codepen.io/wp-content/uploads/2012/08/main_logo.jpeg"); 
    width: 200px; 
    height: 100px; 
    transform: scale(2) 
} 

Это удваивает масштаб содержимого в вашем BOX2 дел. Затем отвечайте соответствующим новым значениям.

Пример: codepen