• 회원가입
  • 로그인
  • 구글아이디로 로그인

[web] CSS 픽셀값 (길이 단위) 줄 때 주의할 점 ★

5,000  
CSS 픽셀값 (길이 단위) 줄 때 주의할 점 ^!~
 
 
 
width, height, padding, margin 등 길이와 관련된 숫자를 적으면서 px 등 단위를 붙이지 않으면,
브라우저의 모드 (표준 vs 쿼크)에 따라 화면이 달라지는 현상이 생깁니다.
 
반드시, 숫자마다 단위를 꼭 붙여주도록 합니다. 단, 숫자 0엔 단위를 안 붙여도 됩니다.
 
(예) margin:20px 0 5 5px;  - 쿼크 모드에서만 제대로 출력.표준 모드일 땐 일그러짐.
      margin:20px 0 5px 5px;  - 쿼크 모드일 때나 표준 모드 일 때 화면 동일 
 

그외도, html 및 css 버전 또, 자바스크립트 버전 등 다양한 요인으로 인해 화면이 다르게 보일 수 있으니 각별히 주의하셔야 함.

분류 제목
web 채널톡 (설치 / 버튼위치 조정)
web 구글봇 아이피 국적
web (질문/의뢰)하실 때 「간단」이란 말은 피하는 게... ★
web 홈페이지 로딩이 오래걸릴 때 점검 사항
web CSS - 그라디언트 배경색 적용 시 주의사항
web 개발 도구 - 버전 관리 시스템 , 소스 편집기
web 홈페이지 차단 가능 경우 및 중요 범죄 법적 처벌 수준
web 혹시, 무서운 생초보 (=왕초보 = 무서운 초보) 신가요? ★
web XSS 취약점 해결
web 추천 비추천 (공감, 비공감) 버튼의 이중성 성격
web 사진 용량 줄여주는 사이트
web 모바일웹 개발 팁
web 굿빌더 라이센스
web 검색 엔진 최적화 팁 (SEO : Search Engine Optimize Tip)
web 등업은 어떻게 하나요 ㅠㅠ 1
web PHP - php.ini 파일 지시어(directives) 리스트
web 피봇 (Pivot) - 와이드 화면을 90도 회전해 세로로 길게 보는 기능
web 그누보드 5.4 비전 vs 그누보드M 관계 (G54 vs GM)
web 리눅스에서 mysql 접근 명령어 입력 시 주의 사항
web 유챗 - 얼리기/녹이기 기능
6/19
목록
찾아주셔서 감사합니다. Since 2012