2012-11-30 8 views
2

내 웹 사이트가 자동으로 90 %로 축소되도록하는 방법이 있습니까? 감사합니다Magento에서 전체 웹 사이트를 자동으로 축소 하시겠습니까?

+1

이것은 마젠타와 아무 관련이 없으며 확대/축소는 브라우저 수준 기능입니다. CSS 변환,'-webkit-transform : scale (0.9)'등을 사용할 수 있습니다. 끔찍한 생각. 대신 CSS를 적절하게 변경해야합니다. –

+0

환호, 나는 그것을 시도 할 것이다. 왜 당신이 끔찍한 생각이라고 생각하니? 덕분에 –

+0

입니다. CSS가 물건을 적합하게 만듭니다. 브라우저마다 확대/축소가 작동하는 방식을 제어 할 수 없기 때문에 이상한 리플 로우 및 불쾌한 일이 발생합니다. 당신은 컨트롤 위트 CSS가 있고 인기있는 브라우저에서 비교할 수 있도록 귀하의 웹 사이트는 실제로 당신이 설계 한 것처럼 보입니다. –

답변

2

이것은 css3 scale 속성으로 수행 할 수 있지만 모든 브라우저에서 지원되지는 않습니다.

body{ 

     transform: scale(0.9); 
    -ms-transform: scale(0.9); /* IE 9 */ 
    -webkit-transform: scale(0.9); /* Safari and Chrome */ 
    -o-transform: scale(0.9); /* Firefox */ 

} 

또는 오프 사이트 내용의 주위에 사업부를 추가하고 몸 폭 떨어져 90 %까지 확장하여 크로스 브라우저 JQuery와 및 자바 스크립트와

http://www.w3schools.com/css3/css3_2dtransforms.asp/;

뭔가 거의 같은

var bdwidth = $("body").width(); 

$("wrapper").width((bdwidth/100)*90); 
0

body { 
    -moz-transform: scale(0.9, 0.9); /* Moz-browsers */ 
    zoom: 0.9; /* Other non-webkit browsers */ 
    zoom: 90%; /* Webkit browsers */ 
} 
이 나를 위해 일

사용 CSS!

관련 문제