属性显示不适用于媒体查询
是指在CSS中，属性选择器不能用于媒体查询的情况。属性选择器是一种通过元素的属性值来选择元素的CSS选择器。
属性选择器有以下几种形式：
- [attribute]：选择具有指定属性的元素。
- [attribute=value]：选择具有指定属性且属性值等于指定值的元素。
- [attribute~=value]：选择具有指定属性且属性值中包含指定值的元素。
- [attribute|=value]：选择具有指定属性且属性值以指定值开头的元素。
- [attribute^=value]：选择具有指定属性且属性值以指定值开头的元素。
- [attribute$=value]：选择具有指定属性且属性值以指定值结尾的元素。
- [attribute*=value]：选择具有指定属性且属性值中包含指定值的元素。
媒体查询是一种在CSS中根据设备特性或屏幕尺寸等条件来应用不同样式的方法。媒体查询可以通过@media规则来定义，例如：
@media screen and (max-width: 600px) {
/* 在屏幕宽度小于等于600px时应用的样式 */
}然而，属性选择器不能直接用于媒体查询中。媒体查询主要用于根据设备特性来选择应用不同的样式，而属性选择器是根据元素的属性值来选择元素，两者的作用和使用场景不同。
对于属性显示不适用于媒体查询的情况，可以考虑使用其他的CSS选择器或者结合JavaScript来实现相应的效果。例如，可以使用类选择器、ID选择器、标签选择器等来选择元素，并通过JavaScript来动态修改元素的样式。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS：https://cloud.tencent.com/product/css
- 腾讯云CDN：https://cloud.tencent.com/product/cdn
- 腾讯云云服务器CVM：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云存储COS：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网：https://cloud.tencent.com/product/iot
- 腾讯云移动开发：https://cloud.tencent.com/product/mobdev
- 腾讯云区块链：https://cloud.tencent.com/product/bc
- 腾讯云元宇宙：https://cloud.tencent.com/product/mu
相关·内容
1回答
问题：
这是桌面上的两列布局。使用CSS媒体查询，当viewport小于或等于800px时，我将其设置为一列：
div {
float: left;
width: 50%;
}
@media (max-width:800px) {
div {
width: 100%
}
}
问题是，当你打印时(目前，使用Chrome)，它确定一张信纸大小的纸张小于800px，因此使用媒体查询样式进行打印。
我们使用Bootstrap，它使用的媒体查询如下所示。一种解决方案是修改CSS，使其添加“screen”修饰符：
@media screen and (max-width:80
浏览 9提问于2017-06-17得票数 2
2回答
我在研究CSS媒体查询最佳实践，并找到了。
如您所见，第一个媒体查询没有min/max大小定义：
@media只显示屏幕{} /*定义移动样式*/
为什么他们使用这个媒体查询，因为它没有定义断点？这是一种最佳做法还是应该避免？
谢谢!
浏览 3提问于2016-10-01得票数 2
回答已采纳
1回答
我需要帮助。我是jQuery的菜鸟，我试图创建一个字典列表。
但我的问题是，每个定义必须显示在他自己的一行3字(桌面)，2字(平板电脑)和他自己的字(手风琴系统)在移动。必须一次显示一个定义。当我点击一个单词时，我想切换定义。
Wordpress将用于添加单词，因此列表必须是动态的。
这里我的不完全测试：
$('.tabs .tab-link').each(function (index, item) {
$(item).attr('data-link', index);
});
$('.tab-content .tab-content'
浏览 4提问于2016-12-29得票数 1
1回答
响应不同行的HTML表
、、、
我正在从db构建简单的项目列表。此列表中的每个项包含5个元素。在桌面屏幕上，我有足够的空间连续显示它们，如下所示：
原则上，上面的示例是使用这个css表生成的：
<div class="divTable">
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell img">PHOTO</div>
浏览 1提问于2017-10-04得票数 1
回答已采纳
我正在尝试使用媒体查询来完成我的第一个项目，而且我面临着一个奇怪的问题。
我开始为手机开发，使用这个媒体查询：
@media screen and (max-width:479px) {}
然后，我为大型移动设备开发了以下功能：
@media screen and (min-width:480px) and (max-width:600px) {}
那么对于小药片：
@media screen and (min-width:601px) and (max-width:720px) {}
和更大的片剂：
@media screen and (min-width:721px) and (max-
浏览 1提问于2014-05-15得票数 1
回答已采纳
在上，它说：
only关键字向不支持媒体查询的旧浏览器隐藏样式表：
然而，在这一页的下方，它也说，
涉及未知媒体类型的媒体查询总是错误的。
那么，当样式表设置为screen and (color)时，不支持媒体查询的浏览器如何显示样式表呢？它不会理解and color，所以不应该显示它？如果Mozilla所指的浏览器实际上对media属性的支持为零，为什么添加only会阻止它们显示样式表呢？
有人能解释旧浏览器解析(或不解析)媒体属性的过程吗？
浏览 1提问于2012-02-15得票数 16
回答已采纳
2回答
我看到一些人在媒体查询中使用"only screen“，其他人使用"all"，其他人使用"screen and print"，其他人使用”screen“(没有"only")，其他人没有指定媒体类型。
我不打算将特定的CSS用于打印或其他媒体。我应该使用“只显示屏幕”吗？我不应该指定媒体类型吗？
大多数人使用的媒体类型是什么?为什么？
浏览 0提问于2012-02-04得票数 4
回答已采纳
我一直在尝试检索Media Foundation Framework中的每个样本的位数，但它总是返回0，或者给出一个“未找到请求的属性”HRESULT。 下面是我尝试过的代码， DWORD streamIndex = 0, flag = 0;
LONGLONG audioTimestamp = 0;
ComPtr<IMFSample> pAudioSample = nullptr;
HRESULT result = mImpl->mAudioSourceReader->ReadSample(mImpl->mAudioStreamIndex, 0, &st
浏览 56提问于2021-07-15得票数 0
我在一个高级查询中有一个规则：
@media (max-width: 3000px) {
.dropdown-w:hover .dropdown-content-w {
display: block;
}
}
在此媒体查询中继承的：
@media (max-width: 767.98px) {
/*.dropdown-w:hover .dropdown-content-w {
}*/
.dblock {
display: block;
}
}
由于在较低宽度的媒体查询中，我使用“
浏览 5提问于2022-05-15得票数 0
回答已采纳
3回答
我是相对较新的网页开发，我已经建立了一些网站，目前我正在处理一个大型项目。我正在为我的MC创建一个网站。
为此，我正与媒体查询一起工作，以确保该网站在各种设备上看起来都很好。
但是:我发现，有两种主要的媒体查询。
我所指的例子：
@media screen and (min-width: 1921px) {...}
@media (-webkit-min-device-pixel-ratio: 1.25) {...}
(我知道这还不是一个标准)
我在用这些东西有困难。在带有1.75的1080 p显示器上，我需要另一种定位，而不是1440 p 1.75显示器，等等。
问题#1：我可以组合两个
浏览 4提问于2020-09-03得票数 3
回答已采纳
我试图允许我的网页对媒体查询属性做出相应的反应。我搜索了所有的网络，找到了这个通用的元代码。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
在我的CSS中，我做了相应的修改
@media only screen and (max-device-width: 720px) {
#homebutton input[type=image] {
position:absolute;
l
浏览 3提问于2013-07-24得票数 1
回答已采纳
2回答
当使用媒体查询时，似乎只有第一组有效，我不知道为什么。如果我交换他们，那么，仍然，只有第一个工作。我试着从最大宽度改变到最小宽度，我尝试删除和条件，我尝试删除我所有的Javascript。我尝试删除我所有的CSS，只有具有body {display:none}的媒体查询。媒体查询位于样式表的末尾。Viewport meta是正确的(见下文)。
这些尝试都没有纠正我的问题。有人知道为什么会这样吗？我和媒体合作过一百次，从来没有遇到过这样的问题。
<meta name="viewport" content="width=device-width, initial-sc
浏览 6提问于2013-07-30得票数 0
回答已采纳
1回答
边框不成圆排列
、、、
我在移动媒体查询中遇到了一个问题--任何640 am视口下的内容。我有一个圆圈聚集在一起，形成一个完整的圆圈(见片段)，但由于某种原因，在我的媒体查询中，这个圆圈不太整齐，我也不知道为什么，因为我使用的数学方法使它在桌面版本中工作。
以下是640媒体查询中的样子：
所以这是如何工作的，我给.circle相同的高度和宽度。假设高度和宽度都是200 So。
然后是.spinner类，我将.circle的高度和宽度除以二。所以我的身高和宽度是125 So。
然后设置边框大小，所以让我们使用5px。我所做的是将边框大小添加到.spinner的高度和宽度数字中，并使用这个数字，这个数字将是13
浏览 0提问于2016-02-04得票数 0
回答已采纳
不确定这是否是浏览器兼容性问题什么的。
我有一个带有IMG标记的页面，它使用一个.png文件作为它的SRC属性，另一个单独的.png文件设置为CSS断点内的CSS 'content‘属性，以便进行横向定位。
当我调整桌面上Chrome或Firefox窗口的大小时，这种交换--在纵向方向上，图像显示的是第一个.png文件；如果我将大小调整到一个横向方向，则图像切换它的src/content以显示第二个.png文件。
当在手机上使用Chrome时，它也能像预期的那样工作，它将图像显示为第一个.png文件，如果我旋转手机以使图像src/ .png更改为第二个.png文件。
但是当我尝试在桌面
浏览 7提问于2022-05-09得票数 2
我知道普通的信息，通过
可以在以下所有部件中编辑
我遇到的问题与发送附有文本的图像有关；在这些情况下，我使用了
当用户使用我提供的"inline_keyboard“与机器人交互时，电报会给我发送一个回调，在某些情况下，我需要‘替换’这个消息。
我用过
这是因为我可以删除旧的文本，显示新的文本，并删除键盘。
问题是editmessagecapition不允许我改变图片！准确地说，我需要把它从信息中删除。
有办法吗？
浏览 0提问于2018-07-11得票数 4
回答已采纳
1回答
我正在尝试使用如下构造的条件进行媒体查询： ((min-width: 300px), (min-height : 500px)) and (min-device-height: 1000px) 问题是括号内的条件要么没有优先评估，要么被视为不正确。我的问题是:我可以嵌套这样的条件吗?如果是，那是正确的synthax吗/正确的是什么？如果不是，我如何通过解决方法来实现这一点？
浏览 19提问于2020-09-17得票数 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
回答已采纳
我正在一个.jspf文件中实现两个头菜单。一个标题菜单用于移动屏幕，另一个是桌面屏幕。但问题是，当加载页面时，所有链接都会加载小屏幕标题菜单和桌面屏幕标题菜单。当页面在移动屏幕中加载时，我不想加载桌面标题菜单屏幕链接。
现在我正在使用媒体查询来隐藏小屏幕和桌面屏幕的标题。
我有另一个想法，隐藏和显示的标题，即javascript。
$(Document).ready(函数() { var windowViewWidth = $(window).width()；if (windowViewWidth <= 767) {..})；
一个移动屏幕标题菜单屏幕截图：
当我看到查
浏览 2提问于2015-11-10得票数 1
2回答
当设备宽度小于"375“时，为什么有些设备不听我的媒体查询，这是我最小的断点。我使用@media (最小宽度:375 use ){ //规则在这里}.我知道它“要求”设备必须至少“375 be”宽，但我不知道这里有什么问题。当我把375断点改为0 0px时，它就能工作了.但这是一个正确的方法吗？
在我的"media.scss“文件中，这一切都是这样设置的：
@media (min-width: 375px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1280px
浏览 1提问于2017-11-22得票数 0
回答已采纳
我有一个容器div，用于创建一个指向右侧的语音气泡，如下所示：
.container {
width: 90%;
height: auto;
padding: 10px;
position: relative;
border-radius: .4em;
}
.container:after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 0;
height: 0;
border: 0.813em solid
浏览 3提问于2021-06-21得票数 0
回答已采纳
1回答
我在xhtml中使用外部css来打印我的页面。在浏览器中，它显示正确的输出，但在打印时css不起作用。为什么？请帮帮忙。
浏览 1提问于2016-11-10得票数 0
1回答
目前，我们正在开发一个RESTful服务，它要求在某些情况下返回(回送)新创建/更新的资源实体，或者在其他情况下不回显任何内容；因此节省了网络负载。
提出了两种解决方案。
查询变量
POST http://service/resource?echo=false
接受报头
if ( request.has_header( "Accept" ) )
echo back newly created resource
else
ignore
第二种情况是否不适当地使用HTTP报头？
浏览 1提问于2014-08-25得票数 1
回答已采纳
3回答
假设我有这个：
.about_text {
font-weight: 300;
font-size: 1.125rem;
}
和：
@media screen and (min-width: 64em) {
.about_text {
font-weight: 600;
font-size: 1.500rem;
}
}
如果我不使用！重要的是它不会覆盖原始的CSS...为什么会这样呢？我在Wordpress网站上使用了LESS，但我已经这样做过无数次了，以前从来没有发生过这种情况。我正在处理最初的CSS之后的媒体查询。
浏览 2提问于2016-11-17得票数 0
我有一个HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>test page</title>
<style>
.hint {width:510px;}
@media only screen and (max-device-width: 720px) {
.hint {width:280px}
}
@media only screen and (max-device-width: 720px) and (orientation: landscap
浏览 4提问于2015-07-13得票数 0
6回答
这将是我的第一个完全响应的网站，所以我环顾四周，在文章的底部找到了基本的媒体查询，这似乎在某种方式或形式上匹配了大多数设备。
我从这些查询之外的代码开始(即针对普通桌面)。然后我开始了对手机的第一个媒体查询，但是第二个规则对我来说没有意义(即所有大于321 to的内容)。
似乎意味着所有大于321到768的东西，这是下一个规则。我想我误解了这是怎么回事？有人能用一种足够简单的方式来解释这件事吗？我开始认为我的CSS代码应该在这些媒体查询的内部，我不应该先从移动版本开始，然后随着分辨率的提高逐渐扩展它？
/* Smartphones (portrait) ----------- */
@medi
浏览 1提问于2013-03-21得票数 2
回答已采纳
2回答
媒体查询问题
、、
我想在移动设备上显示我的网页，类似于桌面版本-我已经做到了。这里我没有给我的页面添加viewport标签。我正在尝试只增加移动设备上的字体大小，因为我已经编写了如下媒体查询：
@media (max-width: 576px)
或
@media screen and (max-width: 576px)
当我将浏览器的大小调整到575px时，字体大小在变化，但当我在chrome上实际检查时，我没有看到我已经应用过的媒体查询片段，也没有在实际的移动设备上使用。
浏览 2提问于2019-11-23得票数 0
我想找到所有的MediaStore存储桶，包括那些没有任何照片的存储桶。发布在SO上的所有解决方案都会查询照片，然后提取存储桶名称，但由于存储桶为空，因此对于该特定存储桶，查询将不会返回任何照片。Gallery应用程序本身不会显示空的存储桶/文件夹。
浏览 6提问于2016-08-02得票数 1
回答已采纳
我有一个仍然使用Drupal7.x的网站。我有一个顶部的横幅，它在大于1100 on的大屏幕上工作得很好。然而，同样的横幅不能在较小的屏幕上使用，特别是在智能手机大小的显示器上。因此，如果我将横幅放入带有图像标记的块中，如何更改不同显示宽度的源图像？
我尝试对不同的背景图像使用百分之宽度和媒体查询。我还没有找到一种方法来调整背景图像的样式，使其调整大小为视口的百分之一。它将根据媒体查询更改背景图像，但我无法获得背景图像的对齐或宽度百分比随视口宽度的变化而改变。
谢谢你对如何处理这个问题的任何建议。也许有一个模块可以根据viewport的大小来处理更改块的内容。
浏览 0提问于2018-10-10得票数 0
回答已采纳
1回答
我想要做的是能够以编程的方式向上或向下缩放一个页面，而棘手的部分是，我希望媒体查询也能以相同的速度进行缩放。
因此，如果我将页面中的所有内容按2的倍数进行缩放，那么以前以400 by发出的媒体查询现在应该会以800 by的速度运行。
我尝试过的：
在html或body元素(zoom: 2)上设置css缩放属性：
这不会缩放媒体查询。用来触发400 to的媒体查询仍将以400 to发出。如果我使用浏览器的缩放控件来缩放页面，那么媒体查询按比例缩放，但是在缩放css属性时不会发生这种情况。此外，火狐不支持缩放，使用transform: scale(2)也不能给出预期的结果。
对所有
浏览 0提问于2018-03-02得票数 2
1回答
我正在尝试编写媒体查询
喜欢
@media only screen
and (min-device-width : 980px) and (max-device-width : 1024px) and (orientation : landscape) {
.login-details .offset2 li.first a {
margin: 6% 19% 0;
}
}
效果很好
现在问题正在发生
使用crtl + shift + M使用火狐时
*980*1280，景观方向*
当我查看简单视图时，它现在工作得很好。CSS还在挑选。我希望媒体只会选择风景。
浏览 3提问于2014-10-13得票数 0
1回答
我正在制作响应菜单，我在媒体查询方面有问题- CSS不适用。您可以在上查看它。在JavaScript和结果之间滑动，你可以看到什么是问题.单击“切换”菜单。此查询@media仅显示屏幕和(最大宽度:767 max)中出现问题。
@media only screen and (max-width: 767px) {
.menu-main, .logo-seperator {
display:none;
}
.toggle-menu{
width:100%;
margin-top:110px;
height:40px;
background-color:#
浏览 5提问于2014-07-09得票数 0
回答已采纳
2回答
媒体查询问题
、、
好的，我在尝试媒体查询时遇到了一个问题。我想知道你们中是否有人能在这个问题上帮助我。这段代码的目的很简单。当屏幕大小超过600 be时，横幅不应可见，当屏幕大小低于600 be时，则应出现横幅。
@media (max-width: 600px) {
.banner {
display: none;
}
}
<header class="banner">
<h1>Banner</h1>
<p>Banner Content</p>
</header>
现在，当您运行上面的代码时
浏览 3提问于2016-01-10得票数 1
回答已采纳
1回答
我正在开发一个应用程序，它同时在屏幕上有3个实时视频提要。为此，我在AVPlayer框架中使用AVFoundation。
然而，有一个要求，视频应该只输出音频，一旦它已经被点击和选择。目前，我的视频和音频都在同时播放。
因此，我试图创建一种方法来静音在每个AVPlayer上。
我已经在不同的线程中寻找了答案，但是到目前为止还没有找到任何答案。
我所做的最接近的是通过AVAssestTrack获取提要中的音频轨道，并通过AVMutableAudioMix更改音量。
然而，我得到了在我的音频轨道阵列0项！
请有人看看我的代码，看看我在哪里犯了一个错误，或者有没有更好的方法来做这件事？
谢谢你的帮忙
浏览 2提问于2012-11-21得票数 1
2回答
在Mozilla (Firefox)浏览器中，我无法使用任何高对比度模式的媒体查询。媒体查询在IE和edge上运行良好，但对Mozilla不起作用。在高对比度模式下，这些图像不会出现在Mozilla上。有人能建议以高对比度模式针对Mozilla的媒体查询吗？
我使用了以下媒体查询：
@media screen and (-ms-high-contrast: active) {
}
@media screen and (-ms-high-contrast: black-on-white) {
}
@media screen and (-ms-high-contrast: white-on-b
浏览 5提问于2019-03-19得票数 1
回答已采纳
Install4j是否支持MAC的附加安装程序？对于MyApplication.app，只安装了MyApplication.app文件，所以如果它支持的话，它应该只更新与附加安装程序捆绑在一起的文件集，而不是整个MAC。
浏览 0提问于2015-06-22得票数 0
2回答
有问题的网站：
我正在为这个网站构建一个可折叠的导航，并注意到在它折叠后，如果你展开和收回它，并再次放大窗口，导航就会消失。我尝试更改显示以阻止我的媒体查询，但我认为jQuery正在覆盖它。知道这是什么原因吗？
另外，我想让箭头在点击时旋转180度，我该如何定位呢？我的jQuery如下：
/* toggle nav */
$("#menu-icon").on("click", function(){
$(".nav").slideToggle();
$(this).toggleClass("active");
});
浏览 2提问于2012-12-21得票数 0
回答已采纳
我的意思是，出于测试的目的，我可以在不实际增加磁盘大小的情况下更改Windows显示的磁盘大小。
例如，在“此计算机”中，真正的磁盘大小是:50 it，但我想更改windows上的一些设置，使其认为磁盘是100 it。当然，以某种方式返回正确的大小。
浏览 0提问于2022-03-08得票数 3
2回答
我用的是Next.js 9.53
我使用的基本随Next.js -没有CSS前处理器(less，sass等)也没有CSS (styled-components等)
目前，我首先编写我的CSS手机，然后有一大堆冗余的媒体查询，如下所示：
/* "desktop" */
@media screen and (min-width: 1024px) {
...
}
我在几个不同的模块中有媒体查询的冗余副本。我喜欢与定义默认样式的CSS相近的替代样式。但我不喜欢那个查询的“神奇数字”方面。
我也有一套“全局”的CSS，在这里我定义了一些高级的东西和一些CSS变量，然后我在所有的模块C
浏览 2提问于2020-09-05得票数 0
回答已采纳
1回答
在Chrome检查中，有一个选项可以“显示媒体查询”，这将导致在窗格顶部显示两个额外的“条形图”。(见图)
A淡蓝色的酒吧a黄色的酒吧，的灰色的酒吧顶部(似乎已经在那里)。
这三个酒吧的意义是什么？
浏览 8提问于2021-11-25得票数 1
1回答
我有下面的css代码，使我的标题子类别显示在悬停，这看起来真的很好的桌面版本的网站，但看起来很糟糕的移动或当屏幕缩小。在移动站点上停止使用以下行为的最佳方法是什么？
.dropdown-menu li:hover .sub-menu {
visibility: visible;
}
.dropdown:hover .dropdown-menu {
display: block;
}
提前感谢
浏览 0提问于2013-12-24得票数 0
回答已采纳
我想知道如何设置Microsoft Azure Active Directory (AAD)以支持在移动应用程序上使用电子邮件和密码登录。该电子邮件可以是任何电子邮件(谷歌，苹果，自定义域等)，我将为每个用户生成4位数的密码。
但当使用AAD时，我只能添加microsoft帐户，当我尝试添加第三个电子邮件(通过csv文件)时，AAD会根据我添加的自定义域生成另一个microsoft电子邮件，第三个电子邮件被视为外部电子邮件。=>我可以使用第三个电子邮件登录吗？=>因为每个用户的密码是由AAD生成的，所以我想用我自己的4位数字预先设置密码。我可以这样做吗？AAD是否提供了可以更改用户
浏览 0提问于2016-03-01得票数 1
试图在facebook信使上显示一个机器人框架VideoCard。视频卡被显示，但在一个重要的延迟约30秒后。将视频大小保持在2.9Mb
尝试最小化视频的大小，尝试使用视频的facebook
Bot正在僵尸构建器3.14.0版本上运行
var cards [];
cards.push(new builder.VideoCard(session)
.title('some video title')
.subtitle('some video subtitle')
.media([
{
浏览 1提问于2019-05-07得票数 0
回答已采纳
1回答
我已经做了一个导航菜单分为两个(左和右)，我有一个隐藏/显示导航切换按钮在中间。
导航杆接缝就像我想要的那样。但是当我检查移动和旋转设备从肖像到景观，反之亦然。导航器没有回应。(导航中的菜单在屏幕外或其他地方)。我确实用一个媒体查询修复了这个问题，但是我在媒体查询中的代码(宽度:100%)与其他地方的样式表中的代码完全相同。而且它并不重要，我使用的最大宽度。
至少导航不能正常运行。我的第一个想法是建立一个没有任何媒体查询的回复网站。我在早期阶段失败了：)它像现在这样接缝，当我有一个媒体查询时，浏览器会去检查屏幕的宽度，如果是变化的话，或者类似这样的东西。
很抱歉长时间的介绍..。现在我需要你的
浏览 3提问于2015-03-18得票数 0
2回答
我们有一个非常恼人的布局问题，在我们的网站上只有IE (7和8测试)，火狐和Chrome工作良好。问题在此页上：
问题代码是报表图像应该显示在右边的文本左侧。我们有一个简单的，包含项目和一个内部浮动到左边，另一个浮动到左边。两者的宽度都小于外部DIV的总和。下面是一个不起作用的代码示例：
<div class="resourceitem">
<div class="resourceleft">
Test LEFT
</div>
<div class="resourceri
浏览 4提问于2012-08-24得票数 1
2回答
嗨，我正在学习如何编写CSS媒体查询，我几乎在一开始就迷失了！如你所知，外面有几种尺寸的显示器，比如
11"，13"，14"，15"，17"，22"，24"，27“
现在我的问题是，我如何找到所有这些显示器的标准宽度，以及如何在几个媒体查询中检测它们的宽度，这些查询可以涵盖从最大到最小的所有尺寸。我已经找到了CSS-TRICKS的这个链接"“，用于标准便携式移动设备，但也需要一些桌面显示器的东西？
谢谢
浏览 2提问于2012-11-30得票数 0
我在我的应用程序中通过Webpacker管理Bootstrap4，并将Bootstrap4命名为Bootstrap4，因为大多数应用程序仍然是v3。
我有一个文件app/javascripts/stylesheets/bs4-namespace.scss，如下所示：
.bs4 {
@import "node_modules/bootstrap/scss/bootstrap-grid.scss";
}
.bs4-full {
@import "node_modules/bootstrap/scss/bootstrap.scss";
}
然后在我的layou
浏览 0提问于2020-06-04得票数 1
如何针对三星的媒体查询8.4英寸。我的代码是
@media (device-width: 800px) and (device-height: 1280px)
当第一次出现媒体查询受到影响。一旦从“肖像”转向“风景”，再回到“肖像”，风格就不会受到影响。
设备规格：
提前感谢
浏览 2提问于2014-12-02得票数 1
3回答
我希望在我的代码中添加针对ie8的CSS media查询解决方案。
我偶然发现了css3-mediaqueries.js
但无法找到如何在我的网站实现它的细节或例子。
你能提供一些相同的例子吗？
浏览 1提问于2011-10-15得票数 1
回答已采纳
3回答
我知道有两种方法可以添加媒体查询：
HTML链接：
<LINK REL="stylesheet" TYPE="text/css" MEDIA="(max-width: 1024px)" HREF="foo.css">
CSS:
@media all and (max-width: 1024px) {
......
}
我已经阅读了这些文档，并且理解了这两种方法之间的明显区别。不过，以下是我怀疑你能否澄清的两个问题：
浏览器是否处理HTML媒体链接与CSS媒体查询不同？我的意思是，我知道如果css中添加了cs
浏览 5提问于2014-09-07得票数 14
回答已采纳
1回答
在我的网站(www.weetter-goch.de)上，我显示了当前的天气信息。对于移动设备，我在div-container中添加了overflow-y css属性。
在iOS的Safari上，这就像charm一样工作，但在安卓上，该网站不允许滚动内容。另外，我的背景图像没有缩放到移动设备的视窗大小。
我通过下面的css创建背景
<style>
html {
background: url(<?= DataSource::getCurrentTimeLapsePath() ?>) no-repeat center center fixed;
-webkit
浏览 0提问于2015-11-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
