윈도우 너비와 높이에 기반한 CSS3 변환 적용하기

Question

웹 어플리케이션은 CSS3 변환 중 일부를 사용하고 있으며 윈도우의 너비와 높이를 기반으로하는 최선의 방법이 궁금합니다. 내 CSS는 여러 변형을 수행하고 있으며 특정 순서대로, 즉 본문은 본문을 처리하고 본문의 요소는 본문에서 변환 한 후에 초를 처리합니다. 그러나, 내 변환 중 하나는 윈도우의 높이와 너비에 따라 동적으로 만들려는 요소 X 픽셀을 이동시키기 위해 하드 코드되어 있습니다.

이 방법입니다 자바 스크립트없이 무언가 같이 말할 수 (나는 이러한 변환의 순서를 유지해야 할 것) :

.someClass { 
    transform:translate(windowHeight /2, windowHeight); 
} 

Answer 1

transform: translate가 가장 좋은 건하지 않을 수 있습니다. position: fixed을 시도하고 창 백분율 값을 사용하십시오.

position: fixed; 
top: 50%; 
left: 50%;