var x = $(window).width(),
y = $(window).height();
// Tampilkan lebar dan tinggi layar dalam kotak pesan
alert('Lebar layar: ' + x + '; Tinggi layar: ' + y);
Versi JavaScript Murni
var w = window,
d = document,
e = d.documentElement,
g = d.body,
x = w.innerWidth || e.clientWidth || g.clientWidth, // x = Lebar layar
y = w.innerHeight || e.clientHeight || g.clientHeight; // y = Tinggi layar
// Tampilkan lebar dan tinggi layar dalam kotak pesan
alert('Lebar layar: ' + x + '; Tinggi layar: ' + y);
Di Saya normal saja hasilnya. Cuma, sepertinya untuk yang versi JQuery hasilnya lebih akurat. Kalau layar yang sedang diukur tidak memiliki scrollbar, maka ukurannya jadi 1024 (jika lebar layarnya adalah 1024 piksel), tapi kalau ada scrollbar, lebar layar jadi berubah menjadi 1007 (1024 - 17).
mas, mau tanya, ko blognya mas bisa menyesuaikan lebarnya dengan lebar monitor? soalnya ketika saya buka di mac, yang layarnya jauh lebih luas dibanding laptop saya, dan laptop biasanya, blog punya mas binya menyesuaikan, sedangkan blog saya jadi keliatan kurus banget... pake apa ya mas? makasih mas ditunggu jawabannya :)
9 Komentar
IRIL SAGITA
Contoh penerapannya gimana kak ?
Beben Koben
yg versi jquery tinggi monitor saya kok = 0 !!!
Taufik Nurrohman
Di Saya normal saja hasilnya. Cuma, sepertinya untuk yang versi JQuery hasilnya lebih akurat. Kalau layar yang sedang diukur tidak memiliki scrollbar, maka ukurannya jadi 1024 (jika lebar layarnya adalah 1024 piksel), tapi kalau ada scrollbar, lebar layar jadi berubah menjadi 1007 (1024 - 17).
Beben Koben
waktu ngetes nggak pakek
$(document).ready(function(){});
Andi AF Studio
buset dah ini blog efeknya udah kaya nonton pelem 3D \o/
sukses lah oom :D
Anonim
Saya mendapat bayak pengetahuan di blog ini..
Unknown
ini masukkin ke tema blognya mas??
Unknown
mas, mau tanya, ko blognya mas bisa menyesuaikan lebarnya dengan lebar monitor? soalnya ketika saya buka di mac, yang layarnya jauh lebih luas dibanding laptop saya, dan laptop biasanya, blog punya mas binya menyesuaikan, sedangkan blog saya jadi keliatan kurus banget... pake apa ya mas? makasih mas ditunggu jawabannya :)
Taufik Nurrohman
⇒ /2011/11/media-queries-saatnya-memulai-proyek.html