CSS를 사용하여 웹 페이지 비율을 조정
브라우저에서 웹 페이지 확대는 키 조합이나 브라우저별 방법을 사용하여 수행할 수 있습니다. 예를 들어 Firefox에서는 CTRL 을 누르면 전체 페이지의 크기가 비례적으로 조정됩니다. 이 질문은 "CSS만으로 유사한 기능을 구현할 수 있는 방법이 있습니까?"라는 질문을 던집니다.
답은 CSS zoom 속성에 있습니다. IE 5.5, Opera, Safari 4, Chrome과 같은 브라우저에서 지원되는 zoom은 웹페이지 크기를 비례적으로 확장하는 솔루션을 제공합니다. 그러나 Firefox는 zoom을 지원하지 않습니다.
Firefox 대신 Firefox 3.5의 독점적인 -moz-transform 속성을 사용할 수 있습니다. 이 크기 조정을 구현하는 데 가능한 CSS 코드는 다음과 같습니다.
div.zoomed { zoom: 3; -moz-transform: scale(3); -moz-transform-origin: 0 0; }
위 내용은 CSS만으로 웹 페이지를 비례적으로 확장할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!