오프라인과 서버에 올리고 비교한 샷입니다. 모양이 다른 이유가 궁금합니다.
본문
연습삼아서 css 를 공부중입니다.
그런데, 희한한 경우가 생겼습니다.
위쪽 이미지는 오프라인에서 본 것이고,
아래 이미지는 웹서버에 올려서 본 것입니다.
같은 폰트인 나눔바른고딕폰트를 사용했는데,
웹에 올려서 보면
이상하게도 맨 위 대메뉴랑, 가운데, 대한민국 최고의...제조업체입니다..
이 부분은 이상하게 나옵니다.
아, 윗부분만 캡춰한 것인데요.
전체적으로 오프라인에서 본 것과 웹에 올려서 본것이 똑같은데,,
유독, 대메뉴와 바로 밑에 있는 글자위치 크기,,,이 것만 이상하게 나옵니다.
혹, 이런 문제를 겪어보신 분 계시는가요?
즐거운 크리스마스 밤을 잘 보내세요. ^^;
답변 4
오프라인이랑 웹서버랑 100% 동일한 환경인가요?
오프라인은 아무것도 설치가 되어 있지 않은 환경 같고
웹서버엔 이미 그누가 설치된 상태에서 오프라인 작업을 올리신거 같은데요...
그누에 기본 설정 된 css 가 작업물에 영향을 준거 같습니다.
확인하는 방법을 공부 하셔야 할 듯 합니다. ---> 상단 @sinbi 님 링크 도움 되실겁니다.
확인은 가능하나 수정할 방법을 모르신다면 ---> 공부말고 답이 없습니다.
ctrl + f5 해보세요..
아마 css가 전부 안불러와져서 그럴 수 있다고 생각합니다. 크롬이시라면 개발자도구 - Sources에서 css가 정상적으로 다 불러와지는지 확인해보세요. 그리고 만약 안불러와진다면 Network에서 해당 css가 로드되는지 여부와, 로드가 안된다면 에러코드를 확인해보시면 될듯하네욤
답변을 작성하시기 전에 로그인 해주세요.