Saya ingin memaksimalkan ukuran tangkapan layar dan menghindari bilah gulir atau melimpah untuk maksimum juga.
Ukuran apa yang Anda rekomendasikan?
Saya menggunakan lightbox.
Saya ingin memaksimalkan ukuran tangkapan layar dan menghindari bilah gulir atau melimpah untuk maksimum juga.
Ukuran apa yang Anda rekomendasikan?
Saya menggunakan lightbox.
Jawaban:
Inilah alat Ukuran Browser yang luar biasa dari Google yang menunjukkan berapa persen pengguna akan melihat berbagai area situs web Anda. Ini sangat membantu untuk memeriksa halaman web dan memastikan bahwa orang-orang di layar 'dangkal' (kebanyakan laptop memiliki layar sangat lebar tetapi sangat dangkal / tidak dalam) dapat melihat konten penting dan panggilan untuk bertindak.
Pembaruan : Google sekarang telah menambahkan fungsi ini ke Google Analytics, memungkinkan Anda untuk melihat seberapa banyak pengunjung Anda dapat melihat situs Anda: http://analytics.blogspot.com/2012/06/new-feature-conduct-browser-size. html
Ini dapat bervariasi berdasarkan situs dan basis pengguna, tetapi banyak situs web masih mendukung lebar layar 1024 piksel (karena masih ada basis pengguna yang cukup besar menggunakan resolusi itu). Karena itu, Anda ingin gambar Anda menjadi cukup besar untuk masuk ke dalam ruang yang lebar 1024 piksel. Katakanlah Anda memiliki 15px chrome di sisi kiri dan kanan lightbox Anda dan Anda menginginkan margin 30px di kedua sisi itu untuk orang yang menjalankan resolusi monitor lebar 1024px.
1024 - 30px (lightbox chrome) - 60px (margin) = gambar lebar 934px.
Sekali lagi, spesifikasinya mungkin berbeda untuk situs Anda, terutama jika Anda ingin tepi lightbox diletakkan pada titik tertentu dalam kaitannya dengan halaman Anda atau jika Anda mencoba untuk snap ke kisi atau sesuatu seperti itu.
Solusi keren adalah mengunggah tangkapan layar pada resolusi maksimal 2560x1600. Kemudian ketika halaman dimuat, deteksi ukuran jendela browser, dan gunakan penangan gambar untuk mengubah ukuran dan menyimpan gambar di server Anda pada permintaan pertama.
Dengan begitu orang-orang dengan monitor resolusi tinggi tidak diabaikan.
$(window).width()
dan $(window).height()
di jQuery sepertinya valid!