CSS3 2d 변환을 사용하여 Firefox 3.5 (Gecko 1.9.1)에서이 작업을 수행 할 수 있습니다.
다음은 두 번째 DIV가 800x480에서 800x600까지 늘어나는 예제입니다.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body
{
background-color: #000;
color: #fff;
}
.viewport
{
width: 800px;
height: 480px;
background-color: gold;
color: #000;
position: absolute;
left: 0px;
top: 0px;
}
.stretched
{
background-color: rgba(255, 0, 0, 0.5);
-moz-transform: scaleY(1.25);
-moz-transform-origin: 0 0;
}
</style>
</head>
<body>
<div class="viewport"><button>Normal</button></div>
<div class="viewport stretched"><br><br><button>Stretched</button></div>
</body>
</html>
은 참조 :
출처
2009-09-30 10:30:51
pav
슈퍼! 엄청 고마워. 당신은 내 시간의 미친 금액을 저장 :) –