듀비 라이프

  • 홈
  • 태그
  • 방명록
프로필사진

코딩하는 대왕 코리

  • 분류 전체보기 (135)
    • 물생활 (52)
      • 물생활 기록 (33)
      • 물생활 후기 (19)
    • 후기 (53)
      • 일상 (31)
      • 카페 (9)
      • 맛집 (13)
    • 개발 (30)
      • CSS (8)
      • Javascript (8)

Tag

화이트팬더, 코리, 3자어항, 물생활, 웹개발, 알풀, CSS, 치어, 구리맛집, 화롱이, 코리도라스, javascript, 화이트팬더롱핀, EC2, 구피, 화팬, 갈매맛집, php, 내돈내산, AWS,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

HOME
물생활
일상생활
개발

모바일홈페이지 1

CSS) 모바일 반응형 홈페이지 css (media query 사용)

head에 아래 meta 선언 meta 선언 안하면 모바일에서 media query 내용이 모바일 화면에 맞춰서 보이지 않으므로 반드시 선언해야함 1 2 Colored by Color Scripter cs css에서 화면 사이즈에 따라 아래 코드 사용 1 2 3 4 5 6 7 8 9 .my_div{width:50%;} /*기본은 가로길이 50%*/ @media screen and (max-width:1500px){ .my_div{width:70%;} /*브라우저 길이가 1500px 이하일때 가로길이 70%*/ } @media screen and (max-width:768px){ .my_div{width:100%;} /*브라우저 길이가 768px 이하일때 가로길이 100%*/ } Colored by Col..

개발/CSS 2022.04.01
1
더보기

Copyright © Kakao Corp. All rights reserved.

티스토리툴바