아는 것이 좋은 것이다.

[CSS] 해상도별 스타일 css 적용 본문

CSS

[CSS] 해상도별 스타일 css 적용

start0 2014. 5. 26. 11:42 
<!DOCTYPE HTML>

<html>

<head>


<style type="text/css">


            @media screen and (max-width: 400px) {

                body { background-color: red; }

                h1 { color: white; }

            }

            @media screen and (min-width: 401px) and (max-width: 500px) {

                body { background-color: green; }

                h1 { color: red; }

            }

            @media screen and (min-width: 801px) {

                body { background-color: blue; }

                h1 { color: yellow; }

            }

        </style>

</head>

   

<body>

    <h1>@media query test</h1>

</body>

</html>
저작자표시 비영리 변경금지

'CSS' 카테고리의 다른 글

[CSS] 체크박스 이미지 변환  (0) 2016.02.13
[CSS] IE6~9브라우저에서 CSS3사용하기(버전별 버그 해결)  (0) 2014.05.26
[CSS] input 특정언어 지정 입력  (0) 2014.05.10
[CSS] 스크롤 따라다니는 배너 (스크립트X)  (1) 2014.05.10
[CSS] css 버튼생성 사이트  (0) 2014.05.10
공유하기 링크
'CSS' Related Articles more
Comments