반응 형 디자인을 처음으로로드 할 대상은 무엇입니까?

Question

나는 노키아의 반응 형 사이트 개발에서 yiibu의 슬라이드 쇼를 방금 읽었으며, 그 중 큰 포인트 중 하나는 모바일에 먼저 초점을 맞추고 데스크톱과 다른 크고 빠른 플랫폼에 초점을 맞추는 것으로 보인다. (http://www.slideshare.net/yiibu/pragmatic-responsive-design) 계획 단계뿐만 아니라 문자 그대로 미디어 쿼리가 적용되지 않는 초기 스타일은 가장 작은 기능을 갖춘 가장 작은 플랫폼을위한 디자인이 될 것이라는 점에서 말 그대로 응답 형 디자인을 개발하십시오. (구형 전화기, 청중에 따라 다름) 나는 선천적으로 생각한 것 (그리고 내가 본 것, 다른 사람들이 보통하는 것)에서 뒤로 향하는 것입니다.

이 방법을 사용하면 대역폭이 낮은 모바일 장치 사용자가 최소 장치에 필요한 스크립트와 이미지 만 무작위로 다운로드 한 다음 추가 스크립트 및 큰 이미지를 다운로드하지 못하게 할 수 있습니다. 장치의 크기 및 예상 기능에 영향을 미치므로 결국 최대 장치 (랩톱 및 데스크탑 컴퓨터)에 가장 큰 부담이됩니다. --- 이것은 내가 데스크톱에서 디자인 한 다음, 미디어 쿼리를 추가하여 모바일 장치를 최적화하기 위해 수행 한 작업과 상반됩니다.

---

내 질문에, 내가가 디자인해야 할 모바일 첫째, 다음 실 거예요 모바일 장치에서 사용할 수 큰 이미지를 다운로드하는 부담을 방지하기 위해 더 많은 기능과 더 큰 장치에 대한 최적화하기 위해 미디어 쿼리를 추가?

..... 더 큰 브라우저/장치에 초점을 맞춘 스타일 시트를 호출하기 전에 sepparate 스타일 시트를 사용하고 모바일 스타일 시트를 호출 할 수 있습니까?

Answer 1

먼저 전화 한 사람의 순서는 중요하지 않습니다. 미디어 쿼리는 사용자가 입력 한 기준 (장치, 방향, 너비 등)에 따라 if-else의 묶음입니다. 따라서 첫 번째 또는 마지막으로 추가한다고해서 휴대 전화에서 데스크톱 브라우저 용 스타일 시트 (예)를 고려하지는 않습니다.

하지만해야 할 일은 모든 장치에서 읽을 수있는 기본 스타일 시트에서 모든 장치 (예 : 활자체, 글꼴 크기, 요소 배경색, 텍스트 색)에 일관된 기본 항목을 유지하는 것입니다.

이렇게하면 화면의 실제 크기에 따라 여백, 여백 및 너비에 대한 특정 스타일 시트가 만들어 지므로 파일의 실제 읽기가 더 작아집니다.

마지막으로 모바일 경험을 디자인해야하는지 여부는 귀하, 귀하의 근무 방식에 달려 있습니다. 나는 그렇지 않다는 것을 안다. 데스크톱을 먼저 디자인하고 내 방식대로 작동합니다. 나는 이것을 많이 좋아한다.