我一直试图使用媒体查询隐藏最大宽度为980px的元素,但由于某种原因它仍在显示.
如果我使用min-width的媒体查询,元素会消失,但是这段代码仍然显示,我可以找出原因?
@media (max-width: 980px) {
.welcome-msg {
display:none;
}
}
Run Code Online (Sandbox Code Playgroud)
任何人都可以看到我的代码有什么问题?我正在使用FF响应式设计视图进行测试.
我正在尝试编写一个简单的脚本来隐藏位于Magento侧边栏迷你购物车上的"结帐"按钮,如果在结帐页面上.出于显而易见的原因,如果客户已经在结账页面上,我认为结账按钮仍然不可见...
这是我所做的,但它没有工作,我不知道我有多远.
<?php if(Mage::getURL('checkout/onepage') == Mage::helper('core/url')->getCurrentUrl()): ?>
<?php echo $this->__('Checking out...') ?>
<?php else: ?>
<button type="button" title="<?php echo $this->__('Checkout') ?>" class="btn btn-mini btn-success" onclick="setLocation('<?php echo $this->getCheckoutUrl() ?>')"><span><span><?php echo $this->__('Checkout') ?></span></span></button>
<?php endif ?>
Run Code Online (Sandbox Code Playgroud)
如果有人能够给我一个正确方向的转变,我将不胜感激,或者甚至让我知道更好的方法......