반응 형 이미지

수다왕

· 8년 전 · 조회 2001 2001

반응 형 이미지는 화면 크기에 맞게 자동으로 조절됩니다.

효과를 보려면 브라우저 창 크기를 조정하십시오.

원래 크기보다 커야하지만 확대되지 않은 이미지의 크기를 줄이려면 다음을 추가하십시오.

예

img {

max-width: 100%;

height: auto;

}

[전체소스]

<!DOCTYPE html>

<html>

<head>

<style>

img {

max-width: 100%;

height: auto;

}

</style>

</head>

<body>

<h2>Responsive Images</h2>

<p>Responsive images will automatically adjust to fit the size of the screen.</p>

<p>Resize the browser window to see the effect:</p>

</body>

</html>

댓글을 작성하시려면 로그인이 필요합니다.

번호	제목	글쓴이	조회	날짜
3056	CSS Word Spacing 단어 간격	컴프	1,894	8년 전
3055	CSS Text Direction 텍스트 방향	컴프	1,984	8년 전
3054	CSS Line Height 라인 높이	컴프	1,993	8년 전
3051	CSS Letter Spacing 글자 간격 1	컴프	2,914	8년 전
3050	CSS Text Indentation 텍스트 들여 쓰기	컴프	1,946	8년 전
3049	CSS 텍스트 변환 Text Transformation	컴프	2,008	8년 전
3046	CSS 텍스트 방향 Text Direction	컴프	1,981	8년 전
3045	CSS 라인 높이 Line Height	컴프	1,852	8년 전
3044	HTML 글자 간격 Letter Spacing	컴프	2,278	8년 전
3043	CSS text-indent	컴프	2,214	8년 전
3042	CSS text-transform	컴프	2,045	8년 전
3041	CSS text-decoration	컴프	2,305	8년 전
3040	CSS Text Alignment	컴프	2,042	8년 전
3039	CSS Text Color	컴프	1,826	8년 전
3038	CSS Outline - Shorthand property	컴프	1,951	8년 전
3034	CSS Outline Width	컴프	2,178	8년 전
3033	CSS Outline Color	컴프	2,051	8년 전
3032	CSS CSS Outline	컴프	2,488	8년 전
3027	CSS CSS Box Model	컴프	2,467	8년 전
3026	CSS Setting max-width	컴프	2,042	8년 전
3025	CSS CSS Height and Width	컴프	1,665	8년 전
3024	CSS CSS Padding	컴프	2,310	8년 전
3023	CSS CSS Margins	컴프	1,991	8년 전
3022	CSS CSS Border Properties	컴프	2,611	8년 전
3021	CSS CSS Syntax and Selectors	컴프	1,972	8년 전
3020	HTML The HTML <audio> Element	컴프	2,053	8년 전
3019	HTML HTML <video> 요소 1	컴프	2,522	8년 전
3018	HTML html google map	컴프	2,610	8년 전
3017	HTML SVG와 캔버스의 차이점	컴프	3,717	8년 전
3016	HTML SVG Logo	컴프	2,154	8년 전

이전 다음

11 12 13 14 15

전체 목록