正文媒体查询不起作用
是指在前端开发中，使用媒体查询来适应不同的设备和屏幕尺寸时，发现媒体查询的样式并未生效。
媒体查询是CSS3中的一项功能，它允许开发者根据设备的特性和属性来应用不同的样式。通过媒体查询，我们可以根据屏幕宽度、高度、设备类型、分辨率等条件来为不同的设备提供不同的样式，从而实现响应式布局。
当正文媒体查询不起作用时，可能有以下几个原因：
- 错误的媒体查询语法：媒体查询语法非常严格，一个小错误都可能导致媒体查询不起作用。常见的错误包括拼写错误、缺少括号、逻辑运算符使用错误等。在编写媒体查询时，需要仔细检查语法是否正确。
- 媒体查询被覆盖：如果在CSS中定义了相同的样式规则，后面的规则会覆盖前面的规则。因此，如果在媒体查询之后定义了相同的样式规则，媒体查询可能会被覆盖，导致不起作用。需要确保媒体查询的样式规则在其他样式规则之前定义。
- 媒体查询条件不匹配：媒体查询的样式只有在条件匹配时才会生效。如果媒体查询的条件与当前设备不匹配，那么样式就不会应用。需要检查媒体查询的条件是否正确，并确保其与目标设备匹配。
- 缓存问题：有时候浏览器会缓存CSS文件，导致修改后的媒体查询样式无法立即生效。可以尝试清除浏览器缓存或使用无缓存的方式加载CSS文件，以确保最新的媒体查询样式被应用。
如果遇到正文媒体查询不起作用的问题，可以按照上述步骤逐一排查，找出问题所在并进行修复。同时，腾讯云提供了一系列与前端开发相关的产品和服务，例如腾讯云CDN、腾讯云对象存储等，可以帮助开发者更好地管理和加速静态资源的传输，提升网页加载速度和用户体验。
相关·内容
我试图使用媒体查询的GMail电子邮件签名。
媒体查询似乎根本不起作用，即使这个简单的示例是按原样粘贴的：。
试金石正被用来测试这个问题，不管它是桌面还是移动；安卓还是iOS；媒体查询根本没有任何效果。
我遵循了中的指导方针，但没有运气。
对GMail签名甚至可以使用媒体查询吗？
PS:我以编程方式使用以下方法设置签名：
浏览 8提问于2022-06-29得票数 0
3回答
已忽略媒体查询
、、
我有一个小问题，我的css媒体查询被忽略了，或者主css被忽略了。
我正在尝试更改媒体查询中的大小字体的值，桌面是75px，手机的(max-width:320px;)是40px左右。但它不起作用。
我的css媒体查询代码是：
/* Smartphones (portrait) ----------- */
@media only screen and (min-width : 320px) {
h1.site-title {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size:
浏览 3提问于2013-04-20得票数 2
回答已采纳
请看我在“编辑”下面的更新帖子。
我写了一些CSS媒体查询，根据屏幕的em宽度来显示或不显示一些页面元素。我发现在Chrome中改变字体大小和/或最小字体大小会抛出它，而这在ems中是不应该发生的。我设置了一个简单的jsfiddle来说明这一点：
<div> These kittens are all in a row. They are so cute.</div>
<img src="http://ochumanesociety.com/clients/3697/images/kittens.jpg" />
img { width:
浏览 2提问于2015-03-22得票数 0
2回答
我正在建立一个响应的全宽度网站。基本上，身体中的内容将被安装到视口。
我的问题是，处理字体大小的最佳方法是什么？
显然，对于所有的分辨率，我不能保持相同的字体大小。对于某些屏幕分辨率，字体大小可能需要减小，对于某些屏幕分辨率，字体可能需要增加。
我知道的当前方法是使用媒体查询。我可以为不同的屏幕大小编写不同的媒体查询，并在媒体查询中设置字体大小。
这是最值得推荐的方法吗？
谢谢
浏览 2提问于2013-10-03得票数 0
我有一个回复电子邮件模板。它在移动应用程序上渲染得很好，但在浏览器上它的响应行为不起作用。即使是inbox.google.com也有响应，但响应的电子邮件在其中不起作用。
作为参考，我使用了github上提供的许多电子邮件模板。但是结果是一样的。
有人能帮我解决gmail和收件箱的问题吗？
提前感谢
浏览 4提问于2015-04-06得票数 0
1回答
如何为打印和屏幕设置CSS文件？
我尝试在标签上设置这两个值(就像设置class属性一样)，但不起作用：
<link href="style.css" rel="stylesheet" media="screen print">
这个问题也适用于正文中的CSS。
浏览 0提问于2013-03-03得票数 2
回答已采纳
1回答
我正在完成一个Mailchimp模板，Gmail现在是最大的头痛。
在我的头脑中，我有一些样式(css)和媒体查询。如果我把媒体-查询放在底部-它阻止了大多数样式通过。如果我把媒体查询放在顶部--我所有的风格都很完美，但邮件看起来“坏了”(就像它应该在600 in宽度/Mobile以下)，就像媒体查询已经开始了一样。
首先，我不认为Gmail应该读取媒体查询内部的任何内容，其次，为什么我的邮件显示为“响应”，当我有完整的浏览器宽度？
-顺便提一句--我知道我可以浏览所有的东西并添加内联样式，但是，我有三个模板，如果我能摆脱它的话，我宁愿不要:)
浏览 1提问于2014-03-06得票数 0
回答已采纳
2回答
我在页面上使用媒体查询，如下所示：
@media all and (min-width: 660px) {
... styles for box decoration ...
}
并使用这个meta viewport标记：
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
当我将Chrome的窗口大小调整为660px (仅测量HTML页面，而不是窗口边框)时，样式可以正确应用。样式不适用于659px，这是正确的。
问题出在Opera、IE和Firef
浏览 5提问于2012-04-08得票数 3
回答已采纳
2回答
媒体查询问题
、、
我想在移动设备上显示我的网页，类似于桌面版本-我已经做到了。这里我没有给我的页面添加viewport标签。我正在尝试只增加移动设备上的字体大小，因为我已经编写了如下媒体查询：
@media (max-width: 576px)
或
@media screen and (max-width: 576px)
当我将浏览器的大小调整到575px时，字体大小在变化，但当我在chrome上实际检查时，我没有看到我已经应用过的媒体查询片段，也没有在实际的移动设备上使用。
浏览 2提问于2019-11-23得票数 0
3回答
媒体查询中的打印问题
、、、、
代码：
HTML
<input type="button" onclick="functionPrint()" value="Print"/>
Javascript
function functionPrint()
{
var dydiv = document.createElement('div');
dydiv.id='printcontent';
mydiv.innerHTML="HI";
window.print
浏览 4提问于2013-12-26得票数 0
目前，我的旋转木马似乎转到了页面的顶部。我使用的是导航栏固定顶部，所以很明显导航栏隐藏了carousel的顶部。我如何才能使旋转木马紧贴在导航栏的正下方？当使用较小的屏幕时，添加简单的填充将不起作用，导航栏会折叠，并且与未折叠时的高度略有不同。
代码：
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<div class="container">
<ol class="carousel-indica
浏览 4提问于2015-02-02得票数 2
3回答
嗨，伙计们(当然是女孩们)
我遇到了一个关于webkit和媒体查询的大问题。基本上，他们只在15-30px左右踢后，他们应该。
当我加载启用了Javascript的页面时，我可以从控制台看到正确的设备宽度，这与我抛出的扩展数组相对应。
当我禁用javascript时，我得到了相同的结果，所以很明显不是我的javascript或任何插件抛出了东西。
在开发工具中，我可以查看检查器选项卡，相关的媒体查询直到它们应该生效之后才会生效，你可以看到他们加入的解决方案与媒体查询本身并不匹配。
在这一点上，任何帮助都是非常感谢的，因为我现在真的不能提出任何其他建议。
如果我可以给你任何信息，帮助你帮助我，请
浏览 0提问于2013-08-14得票数 2
2回答
这是我第一次尝试开发一个响应性的站点。除了IE9之外，它在所有浏览器中都能正常工作。我知道IE9与媒体查询兼容。我检查了看是否关闭了兼容模式，并且没有看到图标，所以我相信它是可见的。我的媒体查询列在基本样式下面。我将在下面粘贴几个媒体查询，这样我就不会超过任何字符限制。如果你还需要看的话请告诉我。注意: doc类型用于html5。
媒体查询：
@media only screen and (max-width: 479px) {
/* 320 =================================================== */
header .logo a {
浏览 1提问于2012-08-06得票数 2
我正在使用以下教程：
当我在aws中测试api时，我会收到一个415错误，不受支持的媒体类型。我认为这与Twilio以application/x form -urlencoded和AWS想要json的形式发送数据有关。
本教程考虑到了这一点。但是，它的代码对我不起作用。
我已经搜索过网络，并尝试了无数次的修复，但都没有用。
Twilio的原始数据是(敏感信息已更改)。
ToCountry=US&ToState=AK&SmsMessageSid=SM7777777777777777777777&NumMedia=0&ToCity=AAA&FromZip=9
浏览 10提问于2022-11-26得票数 1
回答已采纳
1回答
SCSS中的媒体查询无法正常工作
、、、、
我试着遵循一个教程，让网站通过媒体查询来做出响应。我在SCSS中制作了一个媒体查询文件，并编写了这些断点。
然后，在主SCSS文件中导入该文件
但它不起作用。然而，教程视频很好。我到底做错了什么？
浏览 13提问于2021-11-28得票数 0
1回答
多个CSS媒体查询未显示任何结果
、、、、
下面是我的head标签中的脚本。min-width:500运行正常，但紧接着的下一个查询max-width:499px似乎不起作用，我在使用和不使用screen and的情况下都尝试了一下，甚至在styles.css样式表中添加它也不起作用。我只是在我的屏幕上尝试它，它应该是工作的。有人能发现我做错了什么吗？ <meta name="viewport" content="width=device-width, initial-scale=1">
<style>
h2 {
浏览 20提问于2020-07-08得票数 0
我正在研究为智能手机开发网络应用程序。
在我们的最后一个项目中，我们需要构建一个基于jquery的应用程序，它只使用一个HTML文件，但是它必须在桌面屏幕上有一个不同的设计。
我们只了解了如何使用媒体查询来实现它，将实际的jqmobile文件附加在一起，并通过媒体对不同大小的屏幕编辑类和id。
这可能是一个很难做it.is的方法--一个更好的方法？
此外，如果我需要阻止用户从包含表单到页面的页面1获取jquery文件--移动站点和桌面站点，那么如何使用不同的jquery文件?2如果用户没有正确填写表单，那么在jqmobile中，它将通过ajax完成，但在普通的jquery中，一个HTML文件中
浏览 3提问于2014-02-16得票数 0
1回答
当我调整页面大小时，我尝试让这个媒体查询在桌面和移动电话上都能工作。
这是在移动设备上的工作
@media screen and (max-device-width: 320px) {
...
}
这是桌面上的
@media screen and (max-width: 320px) {
...
}
但是我不能让它们都工作，我试着使用or运算符，但是不起作用。
浏览 1提问于2012-06-09得票数 0
回答已采纳
2回答
我使用Susy 2和断点sass来创建我的媒体查询。
它的输出就像：
@media (min-width: 1000px)
我想知道为什么屏幕不见了？它应改为：
@media screen (min-width: 1000px)
我试图添加css3 3-中介-js，这是不起作用的，我认为这可能是原因。
浏览 1提问于2014-04-29得票数 0
回答已采纳
2回答
我正在制作一个网站，在那里我有一个标志在顶部。在我在一个较小的屏幕(iPhone 6或iPhone SE)上尝试这个网站之前，这一切都很好。上面的标志由于某种原因被切断了。我的限制是，我希望一切(垂直和水平)中心。我通过移除如何解决这个问题，短暂地找到了解决方案。
以下是我到目前为止所拥有的：
html,
body {
height: 100%;
}
body {
font-family: 'Noto Sans', sans-serif;
background-color: #fafafa;
color: #294455;
padding: 0;
浏览 1提问于2016-10-21得票数 0
回答已采纳
1回答
我的app.css包含这个css变量，它在我的css头组件中使用，并且运行良好。
:root {
--fs-subtitle-spartan: 1rem;
}
在头组件中使用它的类：
.menu__items {
font-size: var(--fs-subtitle-spartan);
}
但是，当我想在标题的媒体查询中修改变量时，它不起作用。
@media (width < 48em) {
:root {
--fs-subtitle-spartan: 1.5rem;
}
如何在其他组件的媒体查询中更改css变量？
只有当我在app.css的媒体查询中更改css
浏览 3提问于2022-05-16得票数 0
媒体查询在某些情况下不起作用。
我已经写了两次媒体查询，当第三次写屏幕尺寸"@ media (max-device-width:360) and (max-device-height:640)“时，它不工作。
我刚开始写代码，还不能让它工作。所以任何帮助对我来说都是非常有价值的。
import { MediaQueryStyleSheet } from "react-native-responsive";
...//code is here.
const styles = MediaQueryStyleSheet.create(
浏览 11提问于2019-07-06得票数 1
1回答
重音字符未出现
、、、
我有一个要求，当一个电子邮件是发送给一个用户，他可以直接回复电子邮件和电子邮件的内容被张贴在他的帐户。
问题是，当用户发布电子邮件内容时，重音字符没有正确显示。我使用MailMessage类发送电子邮件：
message.BodyEncoding = Encoding.UTF8;
message.SubjectEncoding = Encoding.UTF8;
如您所见，主体和主体都是UTF8编码的。但是当我发邮件的时候，口音会被转换成？有人能告诉我我错过了什么吗？
编辑：，这和IsBodyHtml有关系吗？我还没有将IsBodyHtml设置为真。需要那样做吗？
浏览 3提问于2012-09-11得票数 5
回答已采纳
我试图使用TrustPilot发送一个邀请，但是不管我尝试了什么，我都会得到一个415的响应代码，并且没有返回数据，所以我几乎不可能进行调试。
我使用的URL是正确的： (其中{businessUnitId}是我的业务ID)
我正在我的头上发送一个有效的(和当前的) oAuth令牌。
我正在发送邮件请求。
我已经用其他“业务用户OAuth令牌”API测试了我的详细信息，一切都正常，所以我的详细信息肯定是正确的。只是这个创建邀请API不起作用。
我什么都试过了。我提交了最少的细节，一个完整的请求，介于两者之间，API中的示例请求，等等。响应代码始终为415。
我已经在Trus
浏览 2提问于2019-05-27得票数 0
回答已采纳
2回答
我有超文本标记语言模板格式的电子邮件，我是用来发送电子邮件从C#桌面应用程序。现在我正在尝试下面的媒体查询，但它不起作用
<html> <style> @viewport {width: device-width;}@media screen and (min-width: 200px) and (max-width: 800px) { #navigateTop {background-color:orange;} }@media screen and (min-width: 1024px) and (max-width: 2800px) { #navigateT
浏览 2提问于2017-11-03得票数 0
1回答
当我写这条规则时
header
{
margin-bottom: 100px;
}
一切都很好。但是如果我把它包装在一个媒体查询中，它就会停止工作。
@media all and(max-width: 5000px)
{
header
{
margin-bottom: 100px;
}
}
问题出现在以下网站：
如果您检查样式表，您将看到大量的媒体查询不起作用。这对我来说是个很大的误会，因为他们过去是这样的。
浏览 0提问于2013-08-24得票数 0
回答已采纳
1回答
您是否知道是否有一种方法可以将媒体查询的相同内容以更少的方式呈现到类中？
为了解释我的情况:我首先做的是移动，并试图避免被媒体查询覆盖。不幸的是，这最终不包括ie8和以下，因为桌面的大多数样式都进入了媒体查询。我只为IE8提供桌面页面(固定宽度)。
最后，我想把以下几点结合起来：
@media (min-width: 769px) {
color: red;
}
.ie8 & {
color: red;
}
用逗号链接它不起作用，因为它无效(@media (最小宽度:769‘s)，.ie8 {})。在Sass中，我可以通过使用@content来实现这一点。但我不能在更短
浏览 0提问于2014-11-13得票数 1
回答已采纳
2回答
我一直在开发一个使用引导3和媒体查询的静态HTML站点。它可以很好地工作时，通过一个简单的灯堆栈。但是，我将完全相同的文件交给我们的后端.NET人员，媒体查询不起作用。所有代码都是一样的。我使用的是移动第一方法，只执行最后一个媒体查询。下面是我的媒体查询的结构。我试过所有可用的媒体查询语法，但仍然没有结果.
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
浏览 4提问于2014-05-02得票数 1
回答已采纳
1回答
我最近创建的一个网页有两个视频，但是内联媒体查询不起作用。
这位玩家只是从来源列表中提取了第一个视频。
这是我的代码：
<video class="intro-video" controls poster="lineandgrid-video-intro-cover.gif">
<source media="(max-width: 750px)" src="lineandgrid-introduction-video-mobile.mp4" type="video/
浏览 3提问于2021-04-13得票数 1
回答已采纳
1回答
我希望将打印样式表移动到要使用@media查询导入的单独文件中。我尝试了以下方法，但它似乎不起作用，至少在Chrome上是这样的：
h1 {
....
}
....
@media screen {
....
}
@media print {
@import "print.css";
}
我该怎么做呢？
浏览 4提问于2013-11-30得票数 3
回答已采纳
我尝试接受一个查询，并对其应用多个select语句。我举的例子是...
$news_query="SELECT *, DATE_FORMAT(`date`,'%d-%b-%Y') AS showdate, SUBSTRING_INDEX(body,' ',8) as body FROM NewsContent ORDER BY id DESC LIMIT 3";
这是一个查询，将日期格式从2012-09-15更改为2012-Sep-15，然后限制文本正文中的字数，然后对表中的项进行排序，以便显示最后三个项。
排序起作用了，但是日期和字数限制不起作
浏览 0提问于2012-09-17得票数 0
回答已采纳
我的一个客户构建了他的API，并在其中获得了API调用。根据他的API开发，我需要将JSON作为一个主体(而不是查询参数)发送给GET方法。
我尝试了所有可能的方法，但都没有达到效果。
let httpParams = new HttpParams()
.set('loginid', 'admin')
.set('password', '123');
做这样的事情是不起作用的，因为它在api调用时构建查询参数。
return this.http.get<{}>(apiUrl, { par
浏览 0提问于2019-12-10得票数 0
我正在为Gmail应用程序创建一个html模板。在中，我添加了一个图片，它应该是60%的桌面视图和100%的移动gmail应用程序视图。
这是img标签宽度60%：
<div>
<img src="show.jpg" alt="Show your skills" class="mob-img" border="0"
style="outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;
width:
浏览 2提问于2017-04-04得票数 5
我在提出web请求和方法是get.Does，我需要提到内容类型并接受get方法?或者它只需要post方法
string strURL = "web address";
Uri uri = new Uri(strURL);
HttpWebRequest webRequest = System.Net.WebRequest.Create(uri) as HttpWebRequest;
webRequest.Method = WebRequestMethods.Http.Get
webRequest.ContentT
浏览 4提问于2015-02-25得票数 0
回答已采纳
2回答
我的电子邮件模板有两个媒体查询。我有一个行动号召按钮作为图像。当代码在Outlook中渲染时，较大的媒体查询中的图像按钮看起来很好，但较小的媒体查询中的图像宽度x高度在Outlook中查看渲染的电子邮件时不会改变。对于其他邮件客户端，它确实渲染得很好).The图像的本地大小是CSS中声明的2倍。
我试过了-
CSS中的最大宽度。HTML中的width属性(但这适用于所有媒体查询)。
CSS -
@media screen {
.image-responsive {
width: 320px;
height: 68px;
}
@media (max-width: 520p
浏览 5提问于2019-08-02得票数 0
2回答
基本上，我是在玩这些，我注意到一些属性确实会随我的意愿而改变。有些(文本转换和字体大小)没有效果(它们在媒体查询之外工作，但在媒体查询中不起作用)。P和#图标部分完美无缺地工作，以及.title的颜色和字体系列，所以我对为什么会出现这种情况毫无头绪。
相关代码片段：
@media only screen and (max-width: 1000px) {
p {
background-color: blue;
}
#icon {
display: none;
}
.title {
color: red;
浏览 0提问于2015-09-04得票数 0
回答已采纳
1回答
我试图通过使用媒体查询来使我的网站有所响应，但是它们似乎不起作用。
下面是它应该看起来的样子：
这是一个真实的网站：
但是当我在我的手机上拉出实际的网站时，我会看到完整的网站，除了网站的名称是居中的。我搜索了iPhone 5的媒体查询，这样我就可以看到它是什么样子的，但就像我说的，它似乎不起作用。
这是我的CSS：
@media only screen and (min-device-width : 320px){
.titleName {
text-align: center;
padding-left: 0px;
}
.landingImage {
heig
浏览 4提问于2014-11-27得票数 0
回答已采纳
1回答
我看到iPhone 6/7 (不管是不是S)的浏览器宽度是375px。
但是，我正在编写一个简单的@media查询，如下所示：
@media only screen and (max-width : 375px) {
....
}
直到我将max-width调到980px，我才发现这是不起作用的。为什么会这样呢？
如何进行@media查询，将手机视为375px？我不关心屏幕分辨率有多高，这是一部小手机，我想应用一种虚假的网页设计，而不会破坏平板电脑或分辨率约为1000px的小型笔记本电脑等设备的设计。
理想情况下，它应该与col-xs-X引导程序的样式一起工作。
浏览 0提问于2016-11-08得票数 0
2回答
我有以下媒体查询，可以在移动设备上使用，但默认设置不能在桌面上使用：
@media (min-width:481px) {
.header-section { width: auto; }
.search-block { display:none; }
}
@media (min-width:320px) {
.header-section { width: auto; }
.search-block { display:none; }
}
这些在手机上工作，但当我在桌面上查看时，显示在下方而不是在任何媒体查询下的默认CSS不起作用。在我的谷歌检查器中，我可以看到这些规则的media="
浏览 1提问于2013-09-12得票数 0
1回答
以下CSS媒体查询的确切"NOT“是什么？
@media only screen and (device-width:768px)
只是为了补充一下，它将mean..All iPAD...OR.....NOT iPAD..
顺便说一句...我已经试过了
@media not only screen and (device-width:768px)
这不起作用..
浏览 0提问于2011-04-24得票数 20
回答已采纳
我试着在互联网上寻找解决方案，但我没有得到。我也尝试了一些方法，但仍然不起作用。我只使用了音频播放器的音频和颤动音频查询插件，并尝试使用音频服务插件来使其在后台运行和通知控件。我不知道如何实现List<SongInfo> to。<MediaItem>
用于音频查询的示例代码
List<SongInfo> songs = [];
void getTracks() async {
songs = await audioQuery.getSongs();
setState(() {
songs = songs;
});
}
浏览 10提问于2021-03-11得票数 0
4回答
在Safari中不工作的媒体查询
、、、、
我的媒体查询在Firefox和Chrome中运行，但Safari不起作用。
@media screen (-webkit-min-device-pixel-ratio: 1),
and (min-device-width: 1000px),
and (max-device-width: 1600px),
and (min-resolution: 192dpi) { }
他们在safari中的工作非常好，直到我添加了一些额外的代码来支持Firefox。
我也有
<meta name="viewport" content="width=d
浏览 7提问于2015-10-29得票数 6
这是一个新手，请注意:) (请原谅我草率的代码)我已经搜索过了，并且已经在这里找到了帮助。在工作的时候帮我重做易趣店。正在尝试将此媒体查询与flexbox一起使用。据我所知，媒体查询不能内联使用，但可以在head内部的样式标签中使用，而不必链接到外部css。
以下是布局的代码。我甚至测试了其他媒体查询，(现在已经有一个了)，它们都起作用了。但我希望一旦屏幕尺寸变小，flex项目就可以完全覆盖100%的宽度，而且它似乎不起作用。
我知道我的目标是正确的规则，因为它是在没有查询的情况下测试的：
.flex-item {
width: 100%;
}
它能做我想让它do...How的事情吗?背
浏览 1提问于2018-06-07得票数 2
我正在处理一封html电子邮件，我的android4.2.2(Nexus4)手机没有接收到我尝试过的任何媒体查询。请注意，litmus.com (它在不同设备上呈现电子邮件的屏幕截图)显示，媒体查询至少在Android4.0上是有效的。
我试过了：
@media only screen and (max-width: 480px) {}
@media only screen and (max-width: 2000px) {}
@media only screen {}
似乎什么都不起作用。有什么建议吗？
浏览 0提问于2013-03-22得票数 1
回答已采纳
1回答
如何在邮件客户端中使用媒体查询，因为它不能工作，在移动/平板视图上没有任何改变。我尝试过将媒体查询放在css中，但它不起作用。
浏览 9提问于2021-12-31得票数 1
3回答
有人知道为什么我的媒体查询代码不起作用吗?谢谢！
@media only screen and (min-width:450px){
.dark-blue{
width: 25%;
}
.blue{
width: 75%;
}
}
我的github 中的更多细节
浏览 5提问于2017-11-10得票数 0
回答已采纳
我希望你能帮我解决问题。我在VBA方面非常缺乏经验。我写了一个宏打开一封电子邮件。电子邮件中应该有一条短信。我想存储一个用于查询的电子邮件地址.可以把这封电子邮件作为链接存储吗？例如：
Dim MyMessage As Object
Dim OutlookApplication As Object
Set OutlookApplication = CreateObject("Outlook.Application")
Set MyMessage = OutlookApplication.createitem(0)
With MyMessage
.to = ....
浏览 10提问于2022-07-28得票数 0
我遵循了一个反应过程，我尝试将媒体查询应用到我的css中，同时在我的应用程序中使用css模块。但不幸的是，媒体查询不起作用。
下面是我的css文件：
.Burger {
width: 100%;
height: 250%;
margin: auto;
overflow: scroll;
text-align: center;
font-weight: bold;
font-size: 1.2rem;
}
@media (min-width: 500px) and (min-height: 400px) {
.Burger {
浏览 1提问于2022-08-29得票数 -1
1回答
覆盖设备宽度
、、
我正在做一个网站，我试图通过在我的html中加入<meta name="viewport" content="width=device-width">来使它对移动设备友好。
不幸的是，我有一个需要大于设备宽度的元素。我打算使用媒体查询在不同的屏幕大小上硬编码此元素的值，但似乎无法覆盖元素的宽度。
这是我想要覆盖其宽度的元素：
<div id="menu_bar">
目前，我可以覆盖此元素宽度的唯一方法是：
<div id="menu_bar" style=" width: 1024px;
浏览 0提问于2014-06-26得票数 1
我正在为我的网站使用媒体查询，它从网络到移动设备都能完美地工作。现在我只想使用一些风格的苹果Retina MBP(不是iPad，iPhone等)。但是我不能让它工作，当我改变CSS时，它只在所有设备上改变。
有没有人知道一个防弹的媒体查询只针对他测试的Macbook Pro？
浏览 7提问于2012-12-06得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
