전체 페이지 웹 사이트 디자인에 대한 임의의 표준 표준 비율

Question

이미지가 무거운 단일 페이지 사이트에서 작업 중이므로 안전 높이/너비를 알아 내려고 노력하고 있으므로 슬라이드 쇼 이미지의 높이가 대략적인 아이디어를 얻을 수 있습니다. 접힌 부분 아래에있는 '다음'버튼을 누르지 않고 모든 페이지 요소를 수용하면서 너비를 100 %로 설정하면 얻을 수 있습니다. 이것은 브라우저 인터페이스, 작업 표시 줄 및 이것 저것을 고려합니다. image link

내가 어떤 연구 /이 제안되어 있는지 궁금가 /이 레이아웃을 다루는 960 그리드와 같은 반 기준을 적용 : 여기

은 무슨 뜻입니까?

명확히하려면 브라우저/화면 example single page site

"추가"버튼을 배 아래로 밀어 것이다, 그래서 위해 아래로 스크롤해야 할 것이다 (1920 × 1080 해상도의 화면에 메뉴 및 주소 표시 줄에 FF19) 그것을보기 위해. 이것이 내가 피하려고하는 것입니다. 분명히 슬라이드 쇼 이미지를 매우 얇게 만들 수 있지만 대부분의 경우 빈 공간을 많이 남겨 둡니다. 그래서 존재한다면 유용한 균형을 찾으려고합니다.

건배!

Answer 1

페이지의 너비가 1024 픽셀보다 커야합니다. 어떤 사이트를보고 1024 * 높이보다 큰 페이지를 만들지는 않을 것입니다. 웹 사이트를 아래로 스크롤 할 수 없게하려면 1024 * 768보다 작은 값을 사용해야합니다. 너 자신을 위해 그것을 밖으로 시도해야합니다. 사실 나는 너비가 900에서 1000 픽셀 사이의 것을 사용하는 것을 선호합니다.

샘플 CSS 코드 :

*{ 
    margin:0; 
    padding:0; 
    backgroound:#fff; 

} 
body { 

    font: .8em Arial, Tahoma, Verdana; 
    background: #fff url(../images/img.gif) repeat-x; color: #777; 
    width: 970px; 
    margin: 0 auto; 

} 

편집 : 100 %로 폭을 설정하면 귀하의 질문에 대답에 관해서는, 이미지의 폭은 컨테이너 사업부에서 상속되며, 높이가 실제 높이에 따라 달라집니다 이미지의 컨테이너 div의 너비보다 작은 높이의 이미지의 경우 높이가 이미지 너비보다 작 으면 높이가 컨테이너 div의 너비보다 큰 이미지의 경우 이미지 높이가 이미지 너비보다 커집니다. 가로 세로 비율은 그러나 보존되어야한다. 이미지 크기를 조정 한 후에 모든 이미지의 종횡비를 유지하려고한다고 가정합니다. 이미지에 최대 너비 및 최대 높이 CSS 속성을 제공하여 컨테이너 div에서 벗어나 더 많은 버튼을 누르지 않도록해야합니다.

가로 세로 비율을 유지하지 않으려면 이미지의 너비와 높이를 설정하기 만하면됩니다.

페이지 왼쪽의 Facebook, Google 및 기타 링크처럼 '더보기'버튼을 부 풀리지 않으시겠습니까?