jQuery 获取屏幕分辨率的方法相对简单。屏幕分辨率通常指的是浏览器窗口的宽度和高度,而不是整个显示器的分辨率。以下是如何使用 jQuery 获取屏幕分辨率的基础概念和相关代码示例:
$(window).width()
和 $(window).height()
$(document).width()
和 $(document).height()
$(document).ready(function() {
var windowWidth = $(window).width();
var windowHeight = $(window).height();
console.log("Window Width: " + windowWidth);
console.log("Window Height: " + windowHeight);
// 监听窗口大小变化
$(window).resize(function() {
windowWidth = $(window).width();
windowHeight = $(window).height();
console.log("Resized - Window Width: " + windowWidth);
console.log("Resized - Window Height: " + windowHeight);
});
});
$(window).innerWidth()
和 $(window).innerHeight()
可以获取不包括滚动条的窗口内部尺寸。window.devicePixelRatio
来调整获取的分辨率值,以适应高DPI屏幕。var dpr = window.devicePixelRatio || 1;
var physicalWidth = windowWidth * dpr;
var physicalHeight = windowHeight * dpr;
console.log("Physical Width: " + physicalWidth);
console.log("Physical Height: " + physicalHeight);
通过上述方法,可以更准确地获取和适应不同设备的屏幕分辨率。
领取专属 10元无门槛券
手把手带您无忧上云