본문 바로가기
meta name="viewport" / initial-scale=1 / width-deviec-width 뷰포트 요즘처럼 스마트폰까지 고려한 반응형 웹을 제작할 때는 미디어 쿼리를 주로 사용합니다. 화면의 크기나 기기의 방향의 조건을 체크하여 사용하는 것이 뷰포트(viewport)입니다. 데스크탑에서의 1픽셀과 스마트폰의 1픽셀은 실제 크기가 다름에도 데스크탑 화면에서 사용하는 너비값을 스마트폰에도 그대로 적용해서 생기는 현상입니다. 스마트폰 화면을 웹 문서 너비에 맞추는 것이 아니라 문서의 콘텐츠를 스마트폰 화면의 너비에 맞춰 표시해야 합니다.이때 사용하는 것이 태그 입니다. width-deviec-width : 현재 기기의 px 크기에 맞추도록 브라우저에게 알려주고 웹 문서를 불러와 보여줍니다.initial-scale=1 : 문서를 불러와 화면에 표시할때 화면 너비에 맞추도록 기본 배율을 1로 지정합니다. 더보기
font-famaily font-family h1, h2, h3, h4, h5, h6, dt {font-family:"ngo","sans-serif","AppleGothic","굴림","Gulim","Arial","verdana","Helevatica";} 위 소스는 순서대로 폰트사용의 우선순위가 달라집니다. 제일먼저 쓰여진 ngo라는 폰트를 우선해서 적용한다는 의미가 됩니다. 더보기
매콤한 낙지 볶음 낙지 볶음 낙지 2개, 양파 반개, 양배추 한웅큼, 버섯 조금, 대파고추가루 4스픈고추장 2스픈, 설탕 1+ 0.5 스픈, 간장 2스픈, 맛술1스픈, 참기름1스픈, 마늘 0.5스픈, 후추 조금, 매콤한 낚지 볶음 이에요! ① 낚지 2마리와 버섯 홍고추 대파 양파 양배추를 준비해뒀습니다. ② 낚지는 머리쪽에 가위로 칼집을 내어 먹물이 튀지 않도록 조심하여 내장을 제거해주세요! ③ 적당한 볼에 낚지를 넣고 밀가루와 굵은 소금을 넣고 주물러서 깨끗히 닦아 주세요! ④ 위에 준비해둔 버섯 홍고추 대파 양파 양배추를 입맛에 맞게 잘라두세요! ⑤ 낚지는 청주나 맛술을 1스픈 넣고 끓는 물에 살짝 데쳐주세요! ⑥ 고추가루 4스픈고추장 2스픈, 설탕 1+ 0.5 스픈, 간장 2스픈, 맛술1스픈, 참기름1스픈, 마늘 0.. 더보기

티스토리툴바