Chcę zmaksymalizować rozmiar zrzutu ekranu i unikać paska przewijania lub przepełnienia również dla maksimum.
Jaki rozmiar polecasz?
Używam lightbox.
Chcę zmaksymalizować rozmiar zrzutu ekranu i unikać paska przewijania lub przepełnienia również dla maksimum.
Jaki rozmiar polecasz?
Używam lightbox.
Odpowiedzi:
Oto doskonałe narzędzie Rozmiar przeglądarki od Google pokazujące, ile procent użytkowników zobaczy różne obszary Twojej witryny. To naprawdę pomaga sprawdzać strony internetowe i zapewnia, że ludzie na „płytkich” ekranach (większość laptopów ma bardzo szerokie, ale bardzo płytkie / nie głębokie ekrany), mogą zobaczyć waszą ważną treść i wezwania do działania.
Aktualizacja : Google dodało teraz tę funkcję do Google Analytics, dzięki czemu możesz zobaczyć, ile twoi użytkownicy widzą w Twojej witrynie: http://analytics.blogspot.com/2012/06/new-feature-conduct-browser-size. HTML
Może się to różnić w zależności od witryny i bazy użytkowników, ale wiele witryn nadal obsługuje ekran o szerokości 1024 pikseli (ponieważ nadal istnieje duża baza użytkowników korzystających z tej rozdzielczości). Dlatego chcesz, aby obraz był wystarczająco duży, aby zmieścił się w przestrzeni o szerokości 1024 pikseli. Załóżmy, że masz 15 pikseli chromu po lewej i prawej stronie lightboksa i chciałeś margines 30 pikseli po obu stronach, dla osób z monitorami o rozdzielczości 1024 pikseli.
1024 - 30px (lightbox chrome) - 60px (marginesy) = szeroki obraz 934px.
Ponownie, specyfikacja może być inna dla Twojej witryny, szczególnie jeśli chcesz, aby krawędzie lightbox układały się w pewnym punkcie w stosunku do strony lub jeśli próbujesz przyciągnąć do siatki lub coś w tym rodzaju.
Fajnym rozwiązaniem byłoby przesłanie zrzutów ekranu w maksymalnej rozdzielczości 2560 x 1600. Następnie, gdy strona się ładuje, wykryj rozmiar okna przeglądarki i użyj programu do obsługi obrazów, aby zmienić rozmiar i zapisać obraz na serwerze na pierwsze żądanie.
W ten sposób ludzie z monitorami o wysokiej rozdzielczości nie są zaniedbywani.
$(window).width()
i $(window).height()
w jQuery wydają się być prawidłowe!