훨씬 큰 화면 (27 인치)에서 볼 때 설계된 웹 페이지에는 채워지지 않은 빈 공백이 많이 있습니다. 이 문제를 어떻게 처리 할 수 있습니까? 나는 미디어 쿼리를 사용하여 이미 가장 일반적인 해결 방법을 수용하고 있습니다. 훨씬 더 큰 화면을 디자인하려면 어떻게해야합니까? 미래의 입증 솔루션을위한 유동적 인 레이아웃과이 문제를 처리해야합니까?응답 성있는 디자인으로 더 큰 화면 조정하기
당신이 레이아웃을 유연하게, 또는 @media 설정 큰 디스플레이를위한 새로운 반응 레이아웃을 구축 할 수 있습니다
0
A
답변
1
는
0
이 공간에 채우기 위해 포장 사업부에 배경 질감을 추가 또는 당신이 좋아하는 경우에 추가 쿼리 심지어 3000px + 너비의 배경이 될 수 있으며 화면이 커지면 바깥쪽으로 계속 진행하지만 작은 해상도에서는 여전히 괜찮습니다.
일반적으로 당신은 또한 @media 쿼리 등을 작동하는 반응 레이아웃을 가질 수
다음이의 몇 가지 예입니다 :
1
최소 너비의 용지를 사용할 수 있습니다. q 대형 화면을 타겟팅 할 수 있습니다. 화면 1200 픽셀보다 넓게 된 경우에 본체 폰트 색상을 변경할 것이다
/* Target 1200px wide and above */
@media (min-width: 1200px) {
body {
color: red;
}
}
그것이 못해 화면 1199px 아래에 적용한다.
관련 문제
- 1. 응답 성있는 디자인을위한 화면 높이를 감지하는 방법
- 2. 응답 성있는 스크롤 내용
- 3. 응답 성있는 디자인 - 데이터베이스 생성 아이콘/이미지
- 4. 응답 성있는 웹 차트 도구를 찾고 있는데
- 5. 응답 성있는 컨테이너에서 CSS가 정사각형 이미지를 표시하도록합니다.
- 6. 화면 크기가 더 큰 화면 만들기
- 7. 큰 화면 크기에 대한 더 큰 이미지보기
- 8. 안드로이드 Calcualtor : 가장자리가 더 큰 화면보다 더 큰 화면
- 9. 버튼 디자인으로 여러 화면 크기 지원
- 10. Angular2에서 응답 성있는 구성 요소를 수행하는 방법
- 11. 응답 성있는 파일 관리자 콜백 기능
- 12. 콘텐츠를 측정하기 위해 화면 크기 조정하기
- 13. 응답 성있는 레이아웃을위한 폴리머 코어 미디어 쿼리 요소
- 14. graphviz : 그래프가 더 멋지게 보이도록 미세 조정하기
- 15. 더 큰 값에 대한 응답 오버플로
- 16. 화면 크기가 더 큰 단계 만들기
- 17. 응답 성이 뛰어난 디자인으로 이미지 유체를 만드시겠습니까?
- 18. 화면 회전에 맞추기 위해 화면 크기 조정하기/onlay() 메서드 적용하기
- 19. CSS 디스플레이 : 응답 성있는 웹 디자인을위한 아무 것도 없음
- 20. 응답 성있는 레이아웃의 fittext.js와 절대 중간의 텍스트 정렬
- 21. 응답 성있는 웹 양식/Internet Explorer 8 웹 사이트
- 22. 더 큰 화면 크기의 레이아웃을 위해 더 큰 이미지 뷰를 만들 수 있습니까?
- 23. 응답 성있는 레이아웃, 최대 폭까지 내용이없는 stretch div
- 24. 응답 성있는 웹 사이트의 경우 픽셀 또는 백분율 값을 사용해야합니다.
- 25. 응답 성있는 데이터 테이블 또는 테이블을 사용하여 페이지 숏트랩을 사용하여
- 26. 이 응답 성있는 탐색 바를 올바르게 작동 시키려면 어떻게해야합니까?
- 27. 응답 성있는 사이트의 이미지 하단에 항상 텍스트를 붙이십시오.
- 28. 컬러 박스 응답 성있는 사이트에서 여러 인스턴스로 크기 조정
- 29. 응답 성있는 자바 스크립트 차트 라이브러리를 찾고 있습니다
- 30. 이 응답 성있는 내비게이션을 모바일 메뉴로 바꾸려면 어떻게해야합니까?