일반적으로 페이지 너비의 20 %를 차지하도록 설정된 div가 있지만,이 20 %가 넘치지 않고 콘텐츠를 표시하기에 충분하지 않은 페이지에서는 필요한 최소 너비를 차지하고 싶습니다. 내용에 맞게. 내용은 반드시 고정 너비가 아니므 min-width로 하드 코딩 된 값 (픽셀)으로 간단히 사용할 수는 없습니다 .
가능하다면 순수한 CSS로이 작업을 수행하고 싶습니다.
그래서 제가 제안하는 것은 Breakpoint를 정의하는 것 입니다. 따라서 너비가 충분하지 않은 지점을 파악하고 미디어 쿼리를 사용하여 다양한 상황에 맞게 CSS 규칙을 덮어 써야합니다.
따라서 페이지가 720px보다 작은 화면 너비로 분할되는 경우 다음과 같이 할 수 있습니다.
@media screen and (max-width: 720px) {
/* ... */
}
그런 다음 새로운 width또는 min-width이 미디어 쿼리 내부를 정의 할 수 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다