小编Min*_*fer的帖子

我想在我的 html 页面中使用 @media，但我不知道这是否可行。

我见过 W3schools 这样做：

<picture>
  <source srcset="img_smallflower.jpg" media="(max-width: 400px)">
  <source srcset="img_flowers.jpg">
  <img src="img_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>

所以我想也许我可以这样做：

<form>
    <input id="submit" type="submit" value="zoeken" media="(min-width: 613px)">
    <input id="submit" type="submit" value="*" media="(max-width: 613px)">
    <input type="text" name="search" placeholder="Artikelen..">
</form>

所以我试着让 1 按钮显示它是否低于 613px，另一个如果它高于 613px。但它只是显示它们彼此相邻。这个媒体的东西只能用<picture>和<video>吗？

更新

答案告诉我只能使用某些标签。

我可以使它与媒体查询一起使用display:none，例如：

<form>
    <input id="submit" type="submit" value="zoeken" class="bigger680">
    <input id="submit" type="submit" value="..." class="smaller680">
    <input type="text" name="search" placeholder="Artikelen..">
</form>

<style>
    @media only screen and (max-width: 680px) {
        .bigger680{
            display: none;
        } …

更新

在 PhpStorm 网站上提出的问题。

当我按Ctr + Shift + N在项目文件中导航时，它只能在目录中找到一些文件。所以大多数文件不属于该项目。如何使我的包含所有文件的目录再次成为 1 个项目？

而且看起来有些文件已关闭C:\Users\Username\Projects\Website，而其他文件已打开Z:\Projects\Website

这是一个简短的问题，我希望我解释得正确，如果我需要提供有关某事的更多信息，请询问/告诉我。（我也不知道我必须使用哪些标签）