본문 바로가기

뷰포트2

NN 웹프레임워크 | 부트스트랩 소개와 시작하기 웹사이트를 개발을 위해 웹프레임워크를 많이 사용하게 됩니다. 그 중에서도 가장 쉽게 시작할 수 있는 프레임워크 중 하나인 부트스트랩을 소개해 드립니다. 목차  부트스트랩 소개 소개부트스트랩은 오픈 소스 프론트엔드 프레임워크로 트위터에서 시작되었습니다. 트위터에서 사용하는 레이아웃, 버튼, 입력창 등의 디자인과 기능을 CSS, Javascript로 만들어 놓은 것이죠. 글자, 인용문, 목록, 표, 입력폼, 버튼, 이미지, 아이콘, 드롭다운 메뉴, 내비게이션 바, 탭, 리스트, 이동 바, 알림 메시지, 진행 바등 웹 페이지에서 쓰이는 모든 HTML 요소가 내장되어 있습니다. 그렇기 때문에 웬만한 사이트들은 이 부트스트랩으로 개발 가능합니다.  장점개발 진입장벽이 낮습니다. 부트스트랩의 CSS, JavaScr.. 2024. 8. 9.
NN 모바일 화면 크기 대응 처리방법 가변그리드 픽셀대신 비율로 처리 #wrap { width: 90% } 미디어쿼리 device 화면사이즈 @media(min-width:300pxd){ .myclass{ width:200px; height:150px; } } 뷰포트 미디어쿼리로 수많은 기기의 화면 크기를 감지해야할 때 꼭 필요 모바일 웹 개발환경 viewport를 이용한 화면영역 크기 조절 메타태그를 사용하여 뷰포트를 지정 모바일 브라우저 메타태그를 이용해서 기본 폭을 조절 크롬 모바일 모드 확장 프로그램 User-Agent Swicher For Chrome 메타태그 관련포스트 모바일 개발 기초 2021. 2. 6.