스크린 샷의 크기를 최대화하고 스크롤 막대 또는 오버플로를 최대한 피하고 싶습니다.
어떤 크기를 권장합니까?
라이트 박스를 사용하고 있습니다.
응용 프로그램 스크린 샷의 전체 화면 크기를 표시하는 데 가장 적합한 크기는 무엇입니까?
답변:
다음 은 Google 에서 제공하는 뛰어난 브라우저 크기 도구로, 몇 퍼센트의 사용자가 웹 사이트의 다른 영역을 볼 수 있는지 보여줍니다. 이렇게하면 웹 페이지를 확인하고 '얕은'화면 (대부분의 랩톱은 매우 넓지 만 화면이 얕거나 깊지 않은 화면)을 가진 사람들이 중요한 콘텐츠를보고 행동을 유도 할 수 있습니다.
업데이트 : Google은 이제이 기능을 Google 웹 로그 분석에 추가하여 방문자가 사이트를 얼마나 많이 볼 수 있는지 확인할 수 있습니다 : http://analytics.blogspot.com/2012/06/new-feature-conduct-browser-size. html
그래픽은 Google 앱의 빈민가이지만, 이것은 매우 유용한 도구 인 것 같습니다. 정기적으로 백분율 분석을 업데이트하여 최신 화면 크기 데이터를 가지고 있다고 가정합니다.
—
Lèse majesté
네, 빈민가가 맞습니다! 실험실에 있으므로 유지 관리 수준이 확실하지 않지만 화면이 큰 디자이너에게는 눈에 잘 띄는 부분입니다.
—
nthonygreen 2
아, 내가 틀렸다. 사용자 데이터에서 이미지가 실시간으로 생성되지 않습니다. 웹 페이지에 정적 이미지를 오버레이하고 있으며 약 1 년 후에 업데이트되지 않은 것으로 보입니다 : browsersize.googlelabs.com/static/…
—
Lèse majesté
간단히 말해 화면이 특정 크기보다 넓 으면 이미지가 반복됩니다. 내 2560x1440 iMac에서는 거의 두 번 볼 수 있습니다. 또한 중앙 집중식 컨텐츠로는 좋지 않습니다.
—
BR
이 도구는 당신의 위치가 고정 너비되지 않은 경우, 다음은들에 확장, 가난한 것 같다 귀하의 브라우저 및 오버레이은 완전히 잘못된 것입니다.
—
실크 8
이는 사이트 및 사용자 기반에 따라 다를 수 있지만 많은 웹 사이트는 여전히 1024 픽셀 너비의 화면 너비를 지원합니다 (해상도를 사용하는 사용자 기반이 여전히 크기 때문에). 따라서 이미지를 너비가 1024 픽셀 인 공간에 맞출 수있을 정도로 커야합니다. 라이트 박스의 왼쪽과 오른쪽에 15px의 크롬이 있고 1024px 너비의 모니터 해상도를 사용하는 사람들을 위해 30px의 마진을 원한다고 가정 해 봅시다.
1024-30px (라이트 박스 크롬)-60px (여백) = 934px 너비의 이미지.
다시 말해, 특히 페이지와 관련하여 특정 시점에 라이트 박스 가장자리를 배치하거나 그리드 또는 이와 유사한 것에 스냅하려는 경우 사이트마다 세부 사항이 다를 수 있습니다.
멋진 해결책은 스크린 샷을 2560x1600의 최대 해상도로 업로드하는 것입니다. 그런 다음 페이지가로드되면 브라우저 창 크기를 감지하고 이미지 핸들러를 사용하여 첫 번째 요청시 서버에서 이미지의 크기를 조정하고 저장하십시오.
그렇게하면 고해상도 모니터를 사용하는 사람들은 방치되지 않습니다.
브라우저 창 크기를 안정적으로 감지 할 수 있습니까? 아마도 ..
—
Jeff Atwood
$(window).width()그리고 $(window).height()jQuery에서 유효한 것 같습니다!
@Jeff-몇 번만 : stackoverflow.com/questions/2596594/…
—
Jeremy Boyd