2014-02-15 3 views
1

첫 번째 사이트를 완성했으며 다양한 화면 크기에 맞게 크기를 조절합니다. 필자는이 작업을 수행하는 방법에 대해 읽었지 만, 시작하기 전에 특정 브라우저 (예 : Windows 8 용 크롬)가 화면에 맞게 내용의 크기를 자동으로 조정하는지 알아야겠습니까?일부 브라우저에서 콘텐츠의 크기를 자동으로 조정합니까?

나는 20 인치 화면에 내 사이트를 만들었지 만 11.6 인치 노트북 (크롬으로 볼 때)에서는 페이지가 페이지에 완벽하게 맞습니다. 그러나 오래된 정사각형 17 인치 모니터에 올려 놓으면 거대하고 무언가를 얻으려면 직행 스크롤해야합니다. 다른 브라우저의 내 랩톱에로드하는 경우에도 마찬가지입니다.

그래서 속성이 작은 CSS 파일을 만들고 미디어 쿼리를 실행하면 크롬에 완벽하게 맞는 페이지를 축소 할 위험이 있습니까?

답변

3

.

적은 픽셀이로 인치당 모든 것이 더 크게 표시됩니다.

각 화면의 해상도를 확인하면 의미를 알 수 있습니다.

+0

이 좋습니다. 그래서 본질적으로 화면의 실제 크기가 아니라 객체의 크기가 어떻게 변하는지를 결정할 해상도가 무엇입니까? – DJC

+0

반응 형 사이트 화면 해상도를 디자인 할 때 반드시 알아야 할 사항입니다. 데스크톱 및 모바일 화면 차원에 대한 연구를 조금 할 것입니다. – Sarcoma

+0

또한 반응 형 사이트를 디자인하는 데 관심이있는 경우 모바일 첫 디자인을 찾습니다. – Sarcoma

1

개발자의 삶에 오신 것을 환영합니다.

질문에 대한 명확한 대답을 원한다면 샘플 코드를 작성해야합니다.

가능성 :

래퍼 div에 고정 폭 또는 비율을 지정하십시오. 응답 성을 사용하려면 미디어 쿼리를 사용할 수 있습니다.

아니면 그냥 부트 스트랩 같은 프레임 워크를 시작할 수 있습니다 3.

당신이 낮은 해상도로 오래된 17 "화면을 사용하는 것 소리 http://getbootstrap.com/

+0

보 otstrap은 모든 반응성 문제를 해결하는 마술 지팡이가 아닙니다. – Nit

+0

시동기 일 수 있습니다. –

관련 문제