사용자 에이전트 스타일 시트 : Google 크롬에서 의문의 여백
어제, 다른 모든 '그라운드 호그 데이'처럼 약간의 CSS / tableless 레이아웃에서 작업되었습니다. 모두 IE 7, FF 3, 크롬에서 잘 진행되고 있었고, 전까지 갑자기 뭔가가 취소 ignorable 마진에만 Google 크롬에서 본 것을 보았다. 아주 이상하고 worring지만, 그것이 제가 accross 올 것을 몇 가지 새로운 버그 / 문제가 있었는데, 내 일상 업무의 일부 향신료 드디어있었습니다. 슬픈는 (그러나 좋은) 그것은 프로브의 몇 분 이내에 해결 했어요 ...
Google 크롬 내 CSS를 재설정합니다 (: 0px 여백) 무시처럼 기본적으로, 그것은 보였다. 그것은 실제로 사용자 에이전트 스타일 시트 (-웹킷 - 패딩 - 시작 : 40px)에 의해 발생되었다. 0 오작동 요소 : 그럼 해결책은 패딩을 설정하여 해당 스타일을 다시 설정하는 것이었습니다.
어떤 요소에 일어나고부터이 문제를 방지하기위한 좋은 방법은 다음과 같이 세계의 CSS 레스트를 사용하는 것입니다
* {여백 : 0; 패딩 : 0;}
사용자 에이전트 스타일 시트 (사양)이란 무엇입니까?
다음 발췌문은에서 가져옵니다 http://meiert.com/en/blog/20070922/user-agent-style-sheets/ 사용자 에이전트 스타일 시트에 자세한 내용을보실려면 후속 링크
하지만 틀림없이 일상 - - 방식으로 CSS 1은 각각의 사용자 에이전트 (UA, 종종 '웹 브라우저'또는 '웹 클라이언트') 합리적으로 문서를 제시 기본 스타일 시트를 가질 것이라고 진술하여 아이디어를 소개합니다. CSS 2는 부합하는 사용자 에이전트가 기본 스타일 시트를 적용해야합니다 (또는 그들이했던 것처럼 행동)과 사용자 에이전트의 기본 스타일 시트가 문서 언어에 대한 일반적인 프레 젠 테이션의 기대를 충족 방식으로 문서 언어의 요소를 제시해야한다고 말한다; CSS 3 같은 마음이 될 가능성이 높습니다.
CSS의 사양은 '진짜'스타일의 기본 표시를위한 시트 또는하지를 사용하는 여부 구현에 맡기 때문에, 그것은 당신이 모든 브라우저의 설치 폴더에 기본 스타일 시트를 찾을 수없는 놀라운 없어. 마이크로 소프트의 인터넷 익스플로러뿐만 아니라 오페라와는 달리, 예를 들면 (그리고 내가 아는 한), 파이어 폭스와 넷스케이프 네비게이터 ( "html.css"를 찾습니다)뿐만 아니라, Konqueror에서 같은 도마뱀 붙이 브라우저는 기본 스타일을 이해하는 것이 비교적 간단합니다.
