当前位置: 首页 > 知识库问答 >
问题:

响应媒体查询在wordpress中不起作用

爱海
2023-03-14

我在wordpress的论文框架中使用下面给出的媒体查询。但它不起作用。我也从这些答案中得到了帮助,但仍然不起作用。

响应型网站可在桌面上运行,但不能在移动设备上运行

响应媒体查询不工作

当我在此处检查此查询时http://www.responsinator.com/?url=http://www.lvticketattorney.com/ 它正在工作。但当我在移动设备上检查它时,它不工作。

媒体查询

@media (max-width: 569px) {
    .menu a{font-size:10px;}
    .list-left, .list-right{ width:100%; float:left !important;}
    .custom #header{ background-size:95%;}
}
@media (max-width: 415px) {
    .menu{ border:0 !important;}
    .menu li{ width:95%; border-bottom:solid 2px #fff;}
    .menu .current a{ border:solid 1px #000;}
    #content_box #content{ width:100%;}
    #content_box #sidebars{ width:100%;}
    .teaser_right, .teaser{ float:left; width:90%;}
    .gform_wrapper{ width:100%;}
    #attachment_661{ width:100% !important;}
    .gform_footer{ width:50%; }
    }
@media (max-width: 385px) {
    .format_text h1{ font-size:18px;}
    .custom #header{ height:90px;} 
    #box{ width:95%;}
    #box img{ height:auto;}
    .menu{ margin-top:-10px; border-top:solid 1px #000;}
    .format_text p span{ font-size:14px !important;}
    .headline_area h1, .headline_area h2, #archive_intro h1{ font-size:18px;}
    .wp-image-167, .wp-image-207{ width:100px;}
    }

共有1个答案

李敏学
2023-03-14

我使用此媒体查询@仅媒体屏幕和(最大宽度:740px){----样式--}。现在它正在工作<代码>仅屏幕和缺失。

 类似资料:
  • 我在CSS中有一些元素,我使用媒体查询来表示屏幕大小。当在桌面上改变浏览器的大小时,查询执行它们应该执行的操作。当使用Elementor中的手机、平板电脑和桌面按钮以及WordPress自定义按钮时,这些按钮不会起作用。他们似乎没有通过最大宽度/最小宽度来测量平板电脑模式。我的代码有什么问题,这些“模式”是如何建立的? 主要问题是“WordPress/Elementor使用哪些属性来确定您处于哪种

  • 问题内容: 我有一个响应迅速的网页。它利用媒体查询。 但是在iframe中加载的同一页面无法正常工作。 例如,考虑到我的网页,当屏幕宽度小于640px时,我将背景色设置为红色。 因此,当我在新标签页中加载该窗口并使浏览器宽度小于640px时,背景颜色变为红色。 但是,在以320 * 480尺寸的iframe加载时,同一窗口没有红色的背景色。 如何使媒体查询在iframe中工作? 问题答案: 以这种

  • 问题内容: 我正在尝试在媒体查询中使用CSS变量,但它不起作用。 问题答案: 从规格, 该函数可以代替元素上任何属性中值的任何部分。该函数不能用作属性名称,选择器或除属性值之外的其他任何东西。(这样做通常会产生无效的语法,否则将产生其含义与变量无关的值。) 所以不,您不能在媒体查询中使用它。 这是有道理的。因为您可以将例如设置为,即元素,然后从那里继承其他元素。但是媒体查询不是元素,它也不继承自,

  • 媒体(media)查询在 CSS3 上有介绍: 添加断点 在先前的教程中我们使用行和列来制作网页,它是响应式的,但在小屏幕上并不能友好的展示。 媒体查询可以帮我们解决这个问题。我们可以在设计稿的中间添加断点,不同的断点有不同的效果。 桌面设备 手机设备 使用媒体查询在 768px 添加断点: 实例 当屏幕 (浏览器窗口) 小于 768px, 每一列的宽度是 100%:/* For desktop:

  • 问题内容: 我想在我的插件中添加AJAX支持,而这个简单的东西有很大的问题。WordPress不允许我使用普通的AJAX,我需要使用WordPress版本。 在任何时候,WordPress函数(应生成输出)都返回0。我认为原因是WP不会触发“函数”。我试图强制该功能多次运行,但是我不知道我可以改进什么。 我尝试添加alert(’echo’); 测试功能,但没有任何效果。我认为AJAX无法运行适当的

  • 问题内容: 在styles.css中,我正在使用媒体查询,这两个查询都使用以下变体: 当我缩小窗口时,这些网站的大小会调整为我希望在常规浏览器(Safari,Firefox)中使用的布局,但是,手机上的移动布局根本无法显示。相反,我只是看到默认的CSS。 谁能指出我正确的方向? 问题答案: 所有这三个都是有用的提示,但看来我需要添加一个元标记: 现在它似乎可以同时在Android(2.2)和iPh