美好的一天!
在网络上找到一个脚本来确定屏幕大小,但我无法弄清楚如何正确设置定义isMobile,isTablet,isDesktop。
function() {
var i = {
mobile: "mobile",
tablet: "tablet",
desktop: "desktop",
oldHeight: null,
oldWidth: null,
current: function() {
return this.define()
},
isMobile: function() {
return this.define() === this.mobile
},
isTablet: function() {
return this.define() === this.tablet
},
isDesktop: function() {
return this.define() === this.desktop
},
define: function() {
return this.width() < 768 ? this.mobile : this.width() < 1360 ? this.tablet : this.desktop
},
height: function() {
return window.innerHeight
},
width: function() {
return window.innerWidth
},
init: function() {
this.oldHeight = window.innerHeight, this.oldWidth = this.define()
}
};
请告诉我......
现在我使用这种方法:
if(
(screen.width <= 640) ||
(window.matchMedia &&
window.matchMedia('only screen and (max-width: 640px)').matches
)
){
// Do the mobile thing
}
但我认为上述脚本更具普遍性。
P.S。可以吃更正确的方法来定义屏幕的大小吗?
谢谢