Bagaimana untuk mendapatkan saiz port pandangan penyemak imbas

Question

Saya mahu pelawat saya dapat melihat imej berkualiti tinggi, adakah terdapat cara untuk mengesan saiz tetingkap?

Atau lebih baik lagi, saiz port pandangan penyemak imbas menggunakan JavaScript? Lihat kawasan hijau di sini:

Answer 1

fungsi dimensi jQuery

$(window).width() 和 $(window).height()

Answer 2

Pelayar silang @media（宽度）< /code> 和 @media（高度） Nilai

const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)
const vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)

window.innerWidthwindow.innerWidth 和 window.innerHeight dan < kod>window.innerHeight

• Dapatkan port pandangan CSS @media（宽度）< /code> 和 @media (height) yang termasuk bar skrol
• skala awal dan penskalaanPerubahan initial-scale 和缩放变化可能会导致移动错误缩小到 PPK 所谓的视觉视口的值并且小于@media boleh menyebabkan pergerakan
pepijat
• menurunkan skala kepada nilai PPK yang dipanggil visual viewport
dan kurang daripada @media nilai
• 在 IE8 中未定义Penskalaan boleh menyebabkan nilai mengecut sebanyak 1 piksel disebabkan oleh pembundaran asli

- document.documentElement .clientWidth 和 .clientHeight

document.documentElement .clientWidth
• dan .clientHeight
Sama dengan lebar port pandangan CSS
• tolak lebar bar skrol @media（宽度）和@media（高度） Padanan
• apabila tiada bar skrol jQuery(window).width()Sama jQuery
• Panggil Pelayar Pemandangan
• Pelayar silang tersedia

Tidak tepat jika jenis dokumen tiada

---

• Sumber
• Keluaran masa nyata dalam pelbagai dimensi
verge
• Menggunakan teknologi port pandang silang pelayar matchMediasebenar

Gunakan 🎜 untuk mendapatkan dimensi tepat dalam mana-mana unit🎜 🎜