Question

我创建了自己的网站，希望让它适合移动设备所以我创建了一个媒体查询并开始使用它。在缩放浏览器窗口时检查。

如果我在手机上查看同一页面，则不会更改布局。

我无法看到我失踪的东西这就是我所拥有的：
HTML：

<div>
    <p>
        <h2>Title</h2>
    </p>
</div>

CSS：

@media (max-width: 768px) {
  h2{
    font-size:2.5vw !important;
  }
}

h2{
    font-size:1.5vw;
}

希望我错过了一件小事： - ）

微米。

Answer 1

听起来你需要告诉设备使用它的实际像素宽度：

jQuery("#et-secondary-nav > li.popmake-fast-select-commitment.current_commitment_text.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-563 > a").attr('href',"http://www.TheSameUrlButILikeADifferentTextToIt.com");

某些设备会假设它们未针对移动设备进行优化而呈现网页。将该元标记放入<meta name="viewport" content="width=device-width, initial-scale=1">标记中，并告诉我们是否修复了该标记。更多信息here。

Answer 2

尝试将此添加到您的代码中：

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>

Answer 3

试试这个

JCheckBox checkboxOne = new JCheckBox("One");
JCheckBox checkboxTwo = new JCheckBox("Two");
JCheckBox checkboxThree = new JCheckBox("Three");


// add these check boxes to the container...

// add an action listener
ActionListener actionListener = new ActionHandler();
checkboxOne.addActionListener(actionListener);
checkboxTwo.addActionListener(actionListener);
checkboxThree.addActionListener(actionListener);
 
// code of the action listener class
 
class ActionHandler implements ActionListener {
    @Override
    public void actionPerformed(ActionEvent event) {
        JCheckBox checkbox = (JCheckBox) event.getSource();
        if (checkbox == checkboxOne) {
            System.out.println("Checkbox #1 is clicked");
        } else if (checkbox == checkboxTwo) {
            System.out.println("Checkbox #2 is clicked");
        } else if (checkbox == checkboxThree) {
            System.out.println("Checkbox #3 is clicked");
        }
    }
}

OR

@media only screen and (max-width:768px) { ... }

@media不在手机上工作但在桌面上工作

3 个答案: