반응 형 레이아웃을 확대하는 방법을 다루는 방법은 무엇입니까?
이 사이트를 확대/축소 할 때 모두 지저분 해집니다. http://bostonglobe.com/
레이아웃과 반응 효과가 좋았지 만 사용자가 콘텐츠를 확대 할 때가 있습니다. 감사합니다.반응 형 레이아웃의 확대/축소를 처리하는 방법은 무엇입니까?
1
A
답변
2
고정 된 단위는 사용하지 말고 요소에 백분율 또는 em 단위를 사용하십시오.
확대/축소는 브라우저가 사이트를 서핑하는 사용자에게 제공하는 유용한 기능이며 어쨌든 텍스트와 레이아웃을 어느 정도 엉망으로 만듭니다.
귀하가 할 수있는 최선의 방법은 사이트가 완전히 확대/축소 가능하고이 기능을 사용하지 않도록하는 것입니다.
+0
나는 대답을 위해 도움을 청했으나 줌인 가능한 사이트는 무엇입니까? –
+0
"zoomable site"란 브라우저가 확대/축소 효과를 얻는 대신 도움을주는 사이트를 의미하므로 사용자가 확대/축소 할 때 사이트가 더 잘 적응합니다. –
-2
디자이너의 잘못이 아니기 때문에 브라우저 확대/축소를 감지하고 응답 방식으로 레이아웃을 변경할 방법이 없습니다. Detect Browser zoom level using javascript
관련 문제
- 1. Cocoa Touch에서 반응 형 GUI를 유지하면서 지연하는 방법은 무엇입니까?
- 2. 콜백 함수를 사용하는 반응 형 진행률 막대를 코딩하는 방법은 무엇입니까?
- 3. 반응 형 웹 디자인 및 Auotorotations
- 4. 반응 형 비동기 코드 테스트 전략
- 5. 반응 형 CSS, 모바일 div 스택
- 6. 데이터베이스에서 열거 형 필드없이 열거 형을 처리하는 방법은 무엇입니까?
- 7. 모바일 용 반응 형 웹 디자인에서 이미지를 확대 및 축소하는 기본 방법은 무엇입니까?
- 8. 갤러리보기에서 페이징을 처리하는 방법은 무엇입니까?
- 9. 반응 형 CSS 및 HTML 웹 사이트에서 사이드 바를 누르기
- 10. Android : 반응 형 사용자 인터페이스에 대한 우수 사례
- 11. xlarge 화면에서 레이아웃의 너비를 제한하는 방법은 무엇입니까?
- 12. 이미지를 레이아웃의 너비에 늘리는 방법은 무엇입니까?
- 13. 안드로이드에서 레이아웃의 최대 높이를 설정하는 방법은 무엇입니까?
- 14. 현재 레이아웃의 이름을 얻는 방법은 무엇입니까?
- 15. 활성 키보드 레이아웃의 이름을 결정하는 방법은 무엇입니까?
- 16. Android에서 레이아웃의 너비를 설정하는 방법은 무엇입니까?
- 17. FileNotFoundException을 처리하는 방법은 무엇입니까?
- 18. 액터의 루프/반응 내에서 예외를 잡는 방법은 무엇입니까?
- 19. 윈도우 폼 UI를 반응 적으로 만드는 방법은 무엇입니까?
- 20. 개체 리터럴을 처리하는 방법은 무엇입니까?
- 21. Java로 사운드를 처리하는 방법은 무엇입니까?
- 22. JS에서 NaN을 처리하는 방법은 무엇입니까?
- 23. CMS에서 시간대를 처리하는 방법은 무엇입니까?
- 24. 마법사 페이지를 처리하는 방법은 무엇입니까?
- 25. JavaScript로 쿠키를 처리하는 방법은 무엇입니까?
- 26. REST 예외를 처리하는 방법은 무엇입니까?
- 27. CLLocationManager의 오류를 처리하는 방법은 무엇입니까?
- 28. POCO를 피벗 처리하는 방법은 무엇입니까?
- 29. "무한"IEnumerable을 처리하는 방법은 무엇입니까?
- 30. 메모리 누수를 처리하는 방법은 무엇입니까?
사실 내 의견으로는이 사이트는 확대/축소되었을 때 div가 정렬 상태를 유지하고 div가 다른 div보다 많았으며 텍스트가 이미지 위에 오지 않았 음을 나타냅니다. 확대/축소를 사용하면 일부 저하, 특별히 크게 확대하면 확대 할 때마다 가로 공간이 줄어들 기 때문에 특별히 처리해야합니다. 그 중 일부는 픽셀 단위로 크기를 지정하지 않으며 길이, 너비 및 높이는 백분율로 표시됩니다. – SpeedBirdNine