PC 화면 브라우저 (@media 화면 {}) 용 웹 응용 프로그램이있어서 스마트 폰 화면에 친숙하게하고 싶습니다.PC에서 모바일까지의 웹 사이트 및 콘텐츠 크기 문제
불행히도 내 12pt 글꼴과 128x128 사진은 내 스마트 폰에서 1280x800 해상도 (Samsung-Google Nexus)로 매우 작게 나타납니다.
내 스마트 폰용 CSS에 CSS를 추가하기 전에 다양한 스마트 폰 화면 해상도를위한 웹 응용 프로그램을 만들려면 어떻게해야합니까?
당신은 CSS에서이 문제를 추가 할 수 있습니다 :에서
<meta name="viewport" content="width=device-width, user-scalable=false;">
: 뷰포트에 대한 https://developer.mozilla.org/fr/docs/Mozilla/Mobile/Viewport_meta_tag
역사, 난 잘 모르겠어요 ....
이만들 수있는 많은 방법이있다 반응 형 웹 사이트 - 반응 형, 모바일 용, 모바일 형. 그러나 요즘에는 Mobile First!에 대해 더 많이 고려합니다. 구축 할 때
제일 먼저 생각하기 : 그럼, 어떻게 예를 들어 반응 웹 사이트 및 모바일 첫 번째 방법을 만드는 방법을 가르치는 많은 웹 사이트가있다 반응 형 사이트는 단순합니다. 웹 디자이너들은 웹 사이트에서 지옥을 설계 할 수 있다는 것을 과시하기를 좋아합니다. 그들은 코드와 모든 할 수있는 멋진 것들을 좋아합니다. 반응 형 디자인에 대한
10 기본 팁
- 를 사용하여 미디어
- 가 사진을 확인 유연한
- 를 레이아웃을 확인
- 브레이크 포인트를 정의 쿼리 간단한 레이아웃을 유지 거동은
- D 당신은 Dan Rowinski's article에 대한 자세한 정보를 볼 수있는 모바일 선형화
- 이 메타 뷰포트 확인
을