2014-04-08 4 views
1

크게 축소하면 내 웹 사이트가 왜곡됩니까?축소 할 때 사이트가 '떨어진다'

이 문제를 해결하는 경향이있는 특정 CSS 속성이 있습니까?

http://www.raycavanaugh.com/per%20word.html

+1

브라우저 줌은 편의를 위해 디자인되었습니다. 모든 결의안에서 레이아웃을 유지할 수있는 것은 결코 아닙니다. –

+0

가능한 복제본 [디자인 레이아웃 변경] (http://stackoverflow.com/questions/7835287/zoom-changes-the-design-layout) –

답변

1
  1. 내가 위에서 Diodeus의 의견에 동의 : 브라우저 줌은 모든 해상도에서 레이아웃을 유지 할 수 있도록 계획이없는 여기

    문제의 웹 페이지에 대한 링크입니다. 축소하거나 크게 확대하면 대부분의 웹 사이트가 무너집니다. 귀하의 콘텐츠에 고정 폭을 갖는

    1. , 중심 래퍼 :

    2. CSS는 도움을 접근한다. 예 :

    3. margin: auto; 또는 text-align: center 정적 값 대신 백분율
    4. 이 대부분으로 생각해야 문제입니다

  • 유체 레이아웃 스타일을 요소를 중앙에이 페이지의 확대 또는 축소 디자인 단계, 그리고 브라우저 창 크기를 재조정 할 때 일어날 일과 크게 겹칩니다. 사이트가 다양한 브라우저 너비에서 잘 보이는 경우 확대/축소가 잘 보일 것입니다 (어느 정도).

    예 : 사이트를 넓거나 좁은 브라우저에서 볼 때 헤더가 이상하게 보입니다. 다음을 추가하시는 것이 좋습니다 :

    #menu-container { 
        width: 700px; 
        margin: auto; 
    } 
    

    콘텐츠 주위에 어떤 종류의 '프레임'을 두는 것이 좋습니다.