>  기사  >  웹 프론트엔드  >  CSS에서 최소 너비를 설정하는 방법

CSS에서 최소 너비를 설정하는 방법

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-04-15 18:23:146838검색

CSS에서는 "min-width" 속성을 사용하여 최소 너비를 설정할 수 있으며 구문은 "min-width: value"입니다. min-width 속성은 요소 너비에 대한 최소 제한을 설정합니다. 따라서 요소는 지정된 값보다 넓을 수 있지만 지정된 값보다 좁을 수는 없습니다. 이 속성은 음수 값 지정을 허용하지 않습니다.

CSS에서 최소 너비를 설정하는 방법

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

최소 너비 구문:
min-width:980px 최소 너비를 980px로 설정

당시에는 전체 화면 100% 너비 구조가 점점 많아졌지만 우연히 모바일 브라우저나 컴퓨터 리더는 상대적으로 작았지만 브라우저가 구조 변형을 일으키기 때문에 너비가 너무 작아서 CSS 최소 너비를 설정하는 경우가 많습니다. 이런 방식으로 브라우저 창 너비를 임의로 최소 너비 형식으로 줄이면 브라우저가 축소됨에 따라 웹 페이지 너비가 더 이상 줄어들지 않습니다.

설정 시 가장 바깥쪽 div의 최소 너비만 설정하거나 본문의 최소 너비 CSS를 직접 설정하면 됩니다.

가장 바깥쪽 DIV의 최소 너비를 설정하세요.
가장 바깥쪽 DIV의 이름이 #warp인 경우.

#warp{min-width:980px}

아무리 브라우저가 좁거나 해상도가 낮아도 이 웹페이지의 최소 너비는 980px입니다.

본문의 최소 너비를 설정하세요

body{min-width:780px}

이것은 간단합니다. 웹페이지의 최소 너비를 780px로 직접 설정하면 됩니다. 웹페이지가 아무리 작더라도 최소 너비는 일반적으로 780px이며, 100% 전체 화면의 너비는 브라우저 인식률이 감소함에 따라 작아지지만 웹페이지의 최종 최소 너비는 780px입니다.

추천 학습: CSS 비디오 튜토리얼

위 내용은 CSS에서 최소 너비를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.