Html 标题Div在大分辨率介质查询中消失

Html 标题Div在大分辨率介质查询中消失,html,media-queries,Html,Media Queries,我试着为每个分辨率放一个不同的图像。它适用于普通屏幕和智能手机,但我无法让它在大分辨率屏幕上显示。以下是代码的相关部分: CSS: HTML: <div id="container" class="outer"> <div id="border" class="outer"> <div id="header" class="inner"> <img src="/images/header.png"

我试着为每个分辨率放一个不同的图像。它适用于普通屏幕和智能手机,但我无法让它在大分辨率屏幕上显示。以下是代码的相关部分:

CSS:

HTML:

<div id="container" class="outer">
        <div id="border" class="outer">
        <div id="header" class="inner">
            <img src="/images/header.png" id="headerimage" />
        </div>
        <div id="headerl" class="inner">
            <img src="/images/headerlg.png" id="headerimage" />
        </div>
        <div id="headerm" class="inner">
            <img src="/images/headerm.jpg" id="headerimage" />
        </div>


没有HTML吗?同时发布一个快速的提琴会使调试变得更容易

事实上,我刚想出来

因为我隐藏了常规台式机/笔记本电脑分辨率的DIV,并且没有在其媒体查询中定义该值的最大宽度,所以它也将其隐藏在大分辨率媒体查询中

为标准分辨率定义最大宽度值的简单修复


谢谢!:)

我会用HTML更新它,但是我现在把它搞砸了。。。如果查看源代码更容易,您可以在此处查看它?谢谢你花时间看它,杰森!我真的很感激!
<div id="container" class="outer">
        <div id="border" class="outer">
        <div id="header" class="inner">
            <img src="/images/header.png" id="headerimage" />
        </div>
        <div id="headerl" class="inner">
            <img src="/images/headerlg.png" id="headerimage" />
        </div>
        <div id="headerm" class="inner">
            <img src="/images/headerm.jpg" id="headerimage" />
        </div>