CSS로 Firefox의 페이지 크기 조정을 어떻게 복제할 수 있나요?

CSS로 Firefox의 페이지 크기 조정 기능 복제

Firefox를 사용하면 키보드 단축키 Ctrl . 이 기능은 글꼴 및 이미지를 포함한 모든 페이지 요소로 확장됩니다.

CSS를 사용하여 동일한 효과를 얻으려면 IE 5.5, Opera, Safari 4, 그리고 크롬. 확대/축소 값을 지정하면 원하는 비율로 전체 페이지의 크기를 조정할 수 있습니다.

그러나 Firefox는 zoom

속성을 ​​지원하지 않습니다. 대안으로 Firefox 3.5 이상에서는 독점

-moz-transform 속성을 ​​사용하세요. 이 속성을 사용하면 원래 크기를 기준으로 요소의 크기를 조정할 수 있습니다.두 기술을 결합하면 zoom

및

을 모두 사용하여 전체 웹 페이지의 크기를 조정하는 CSS 규칙을 만들 수 있습니다. moz-transform:이 규칙은 300% 확대/축소를 요소에 적용합니다.

div.zoomed

div.zoomed {
    zoom: 3;
    -moz-transform: scale(3);
    -moz-transform-origin: 0 0;
}

클래스, 모양을 왜곡하지 않고 비례적으로 크기를 조정합니다.

위 내용은 CSS로 Firefox의 페이지 크기 조정을 어떻게 복제할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!