오늘 이 글은 HTML이 웹 디자인을 화면 너비에 맞게 자동으로 조정하는 방법에 대해 주로 설명합니다. 필요한 친구들이 참고하면 도움이 될 것입니다.
웹 페이지 너비가 자동으로 조정되도록 허용
"적응형 웹 디자인"은 어떻게 작동하나요? 그다지 어렵지 않습니다.
먼저 웹페이지 코드 상단에 viewport 메타태그 한 줄을 추가하세요.
viewport은 웹페이지의 기본 너비와 높이를 의미합니다. 위의 코드 줄은 이며, 웹 페이지의 너비는 기본적으로 화면 너비와 동일하며(width=device-width) 원래 크기 조정 비율(initial-scale=1)은 1.0, 즉 초기 크기입니다. 웹페이지가 화면 영역의 100%를 차지합니다.
IE9를 포함한 모든 주요 브라우저는 이 설정을 지원합니다. 이전 브라우저(주로 IE6, 7, 8)의 경우 css3-mediaqueries.js를 사용해야 합니다.
절대 너비를 사용하지 마세요
웹 페이지는 화면 너비에 따라 레이아웃을 조정하므로 절대 너비 레이아웃을 사용할 수 없으며 절대 너비가 있는 요소를 사용할 수 없습니다. . 이것은 매우 중요합니다.
특히 CSS 코드는 픽셀 너비를 지정할 수 없습니다. <span style="font-family:'Courier New';font-size:14px;">width:xxx px;<code><span style="font-family:'Courier New';font-size:14px;">width:xxx px;</span>
只能指定百分比宽度:<span style="font-family:'Courier New';font-size:14px;">width: xx%;</span>
或者<span style="font-family:'Courier New';font-size:14px;">width:auto;</span>
<span style="font-family:'Courier New';font-size:14px;">相关推荐:</span>
는 픽셀 너비만 지정할 수 있습니다. 지정된 백분율 너비: <span style="font-family:'Courier New';font-size:14px;">너비: xx%;</span>
<span style="font- family :'Courier New';font-size:14px;">width:auto;<p></p></span>
<span style="font-family:'Courier New';font-size:14px;"> 관련 권장 사항: </span>
🎜🎜🎜화면 크기에 적응하는 웹 페이지 만드는 방법🎜🎜위 내용은 HTML이 화면 너비에 맞게 웹 디자인을 자동으로 조정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!