2013-02-08 4 views
0

훨씬 큰 화면 (27 인치)에서 볼 때 설계된 웹 페이지에는 채워지지 않은 빈 공백이 많이 있습니다. 이 문제를 어떻게 처리 할 수 ​​있습니까? 나는 미디어 쿼리를 사용하여 이미 가장 일반적인 해결 방법을 수용하고 있습니다. 훨씬 더 큰 화면을 디자인하려면 어떻게해야합니까? 미래의 입증 솔루션을위한 유동적 인 레이아웃과이 문제를 처리해야합니까?응답 성있는 디자인으로 더 큰 화면 조정하기

당신이 레이아웃을 유연하게, 또는 @media 설정 큰 디스플레이를위한 새로운 반응 레이아웃을 구축 할 수 있습니다

답변

0

이 공간에 채우기 위해 포장 사업부에 배경 질감을 추가 또는 당신이 좋아하는 경우에 추가 쿼리 심지어 3000px + 너비의 배경이 될 수 있으며 화면이 커지면 바깥쪽으로 계속 진행하지만 작은 해상도에서는 여전히 괜찮습니다.

일반적으로 당신은 또한 @media 쿼리 등을 작동하는 반응 레이아웃을 가질 수

다음

이의 몇 가지 예입니다 :

1

최소 너비의 용지를 사용할 수 있습니다. q 대형 화면을 타겟팅 할 수 있습니다. 화면 1200 픽셀보다 넓게 된 경우에 본체 폰트 색상을 변경할 것이다

/* Target 1200px wide and above */ 
@media (min-width: 1200px) { 
    body { 
     color: red; 
    } 
} 

그것이 못해 화면 1199px 아래에 적용한다.

관련 문제