> 웹 프론트엔드 > 프런트엔드 Q&A > 웹페이지 디자인 크기 사양

웹페이지 디자인 크기 사양

풀어 주다: 2019-11-22 13:32:00
원래의
20489명이 탐색했습니다.

웹페이지 디자인 크기 사양

웹 디자인의 크기는 주로 두 가지 요소와 관련이 있습니다. 하나는 컴퓨터 모니터의 해상도와 브라우저의 해상도입니다.

800×600 미만에서 웹 페이지의 너비를 778 이내로 유지하면 가로 스크롤 막대가 없으며 높이는 레이아웃과 내용에 따라 결정됩니다.

1024×768 미만에서는 웹 페이지의 너비가 1002 이내로 유지됩니다. 전체 프레임이 표시되면 높이는 612 사이이며 가로 스크롤 막대나 세로 스크롤 막대가 없습니다.

추천 관련 기사:
1.일반적으로 사용되는 CSS 명명 규칙 요약, 매우 실용적임(컬렉션)
관련 영상 추천 :
1.옥소녀심경 시리즈 : 프론트엔드 소개_HTML5

추천 : 웹 사이즈 사양

1. 해상도

웹 디자인의 사이즈는 크게 두 가지 요소에 관련됩니다. 하나는 컴퓨터 모니터의 해상도, 브라우저의 해상도, 그리고 실제로 일부 운영 체제(Windows, Mac OS 등)입니다. 예를 들어 1024×768은 가로 방향이 1024픽셀이고 세로 방향이 768픽셀이라는 뜻입니다. 화면 크기는 14인치인가요, 아니면 15인치인가요? 컴퓨터의 크기는 동일합니다. 컴퓨터에서 설정한 해상도가 변경됩니다. 화면의 크기가 같으면 해상도가 높을수록 사진이 더 세밀해집니다.

2. 효과적인 보기 영역

현재 더 많이 사용되는 화면 해상도에는 1024×768, 1366×768, 1280×800, 1280×1024, 1440×900, 1600×900, 1920×1080 등이 있습니다. 웹 페이지를 디자인할 때 브라우저의 해상도를 고려해야 합니다. 주요 브라우저에는 IE, Google, Firefox, Open 등이 있습니다.

브라우저의 유효 가시 영역이란 무엇인가요? 제가 이해하는 바는 예를 들어 웹 페이지를 연 후 브라우저의 툴바와 사이드바 등을 제거하는 것입니다. 콘텐츠가 실제로 표시되는 장소.

각 브라우저에는 아래 표에 표시된 것처럼 서로 다른 효과적인 시각적 영역이 있습니다.

주요 브라우저의 인터페이스 매개변수 및 공유:

22px(떠다니는 모습) 8%                                                >   132px 15px 1% 24px120px 15px35%                                          > > > 5%

시스템 해상도 통계:

브라우저 상태 표시줄 메뉴 막대 스크롤 기사 시장 공유(국내)                                                                          Chrome 브라우저

 60px                                   px

IE 브라우저

solution occupancy solution occupancy

1366×768

15%

14 40 ×900

13%

1920×1080

11%

1600×900

5%

1280×800

4%

1280×1024

3%

1680× 1050

2.8%

320×480

2.4%

480×800

2%

1280×768

1%

웹페이지 너비 및 첫 번째 화면 높이:

웹페이지 디자인 크기 사양

위 내용은 웹페이지 디자인 크기 사양의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿