使用iron媒体查询和dom if Polymer 1.0

我正在使用iron media query来显示使用Polymer 1.0的工具栏菜单项，但它没有按预期在移动设备上呈现

如果我调整桌面web浏览器（Google Chrome）的大小，菜单会很好地呈现出来，但是如果我在手机上加载页面，则说明3不遵守规则。可能是我做错了什么

<iron-media-query query="(min-width: 750px)" query-matches="{{ isBigWidth }}"></iron-media-query>
<iron-media-query query="(min-width: 600px)" query-matches="{{ isMediumWidth }}"></iron-media-query>
<template is="dom-if" if="{{ isBigWidth }}">
        <a href="/">
            <paper-button>
                <iron-icon icon="settings"></iron-icon>
                <span class="vertical-align">Settings</span>
            </paper-button>
        </a>
        <a href="/">
            <paper-button>
                <iron-icon icon="settings"></iron-icon>
                <span class="vertical-align">Settings</span>
            </paper-button>
        </a>
        <a href="/">
            <paper-button>
                <iron-icon icon="settings"></iron-icon>
                <span class="vertical-align">Settings</span>
            </paper-button>
        </a>
</template>
<template is="dom-if" if="{{ !isBigWidth  }}">
    <template is="dom-if" if="{{ isMediumWidth  }}">
        <a href="/">
            <paper-button>
                <span class="vertical-align">Settings</span>
            </paper-button>
        </a>
        <a href="/">
            <paper-button>
                <span class="vertical-align">Settings</span>
            </paper-button>
        </a>
        <a href="/">
            <paper-button>
                <span class="vertical-align">Settings</span>
            </paper-button>
        </a>
    </template>
</template>
<template is="dom-if" if="{{ !isMediumWidth }}">
    <paper-icon-button icon="more-vert"  id="icon_button2"></paper-icon-button>
</template>

---

使用像素的媒体查询基于手机视口，因此应将note 3视为360px 640px设备

此外，确保在标题中包括：

---

我认为

最大宽度

比

最小宽度

好得多。