如何自定义屏幕定义?

时间:2018-05-11 07:01:00

标签: javascript function screen matchmedia

美好的一天!

在网络上找到一个脚本来确定屏幕大小,但我无法弄清楚如何正确设置定义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。可以吃更正确的方法来定义屏幕的大小吗?

谢谢

0 个答案:

没有答案