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

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

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

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

분류 제목 날짜 조회
web 크롬브라우저 주의요함 원인과 해결법 (chrome, NOT SECURE, cause, solution)
11-06 30,295
11-06 (화) 30,295
web jquery 제이쿼리 소스 많은 곳 주소 모음
11-30 27,337
11-30 (토) 27,337
web 서버 - 방문자25만명 대용량서버 운영 사양 및 유지비 + 대규모홈페이지운영노하우 베스트10
11-28 24,692
11-28 (수) 24,692
web 크롬속도 (= 홈페이지 로딩속도 =접속속도) 빠르게.. (= 임시파일제거 = 쿠키제거 + 크롬캐시제거)
02-07 20,061
02-07 (목) 20,061
web PHP - 테스트 사이트/APM유틸 모음 (PHPtest, PHPtester)
11-06 18,935
11-06 (화) 18,935
web 인바운드 트래픽 (inbound traffic), 아웃바운드 트래픽 (outbound traffic) 의미
08-26 17,321
08-26 (화) 17,321
web 글자 크기표 (= 글씨 크기 단위 환산표) - px, em, %, pt 단위 환산 (= 폰트 단위표)
09-01 16,542
09-01 (월) 16,542
web 특수문자를 이용한 rabbit (토끼) 이모티콘 표현법
03-19 15,705
03-19 (목) 15,705
web https (SSL 보안인증서) 적용 고려사항 + (Letsencrypt + StarSSL + cloudfl… 2
03-01 14,326
03-01 (수) 14,326
web 쿠키, 세션, 캐시(=캐싱) (정의, 장점, 단점)
12-14 13,609
12-14 (토) 13,609
web 무료 이미지 호스팅 사이트 (=이미지 외부 링크 허용)
02-27 13,447
02-27 (목) 13,447
web 랜덤이미지링크 (Random Image img)
02-09 13,161
02-09 (토) 13,161
web 코드펜 같은 웹 개발 도구 사이트 모음 ※ 코딩 결과물 바로 확인 + Emmet 에밋 (= 빠른코딩/단축코딩…
07-03 12,640
07-03 (금) 12,640
web 피카츄 닮은 무지 귀여운 이모티콘 특수문자
03-27 12,152
03-27 (목) 12,152
web 크롬 앗이런 (= 앗! 이런) 에러해결 ★ (= 크롬 재설치실패 에러해결)
10-23 12,058
10-23 (수) 12,058
web CSS - 키프레임을 이용한 눈 내리는 효과 (Keyframe, Snow, Effect)
02-26 12,043
02-26 (수) 12,043
web 유튜브 썸네일생성 + 유투브 썸네일사이즈 (= 썸네일크기 = 썸네일종류 = 썸네일해상도) + 썸네일주소 (y…
10-04 11,749
10-04 (목) 11,749
web 댓글 창을 뚫고 나오는 특수문자
12-20 11,644
12-20 (토) 11,644
1/18
목록
찾아주셔서 감사합니다. Since 2012