2回答
在使用Media query进行响应式网页设计时，我有点困惑。实际上，我是个新手，我也想问一下:当你在缩小浏览器时遇到CSS错误时，有必要每次都添加媒体查询吗？我曾经这样做过，我的css中有很多媒体查询！
浏览 2提问于2016-03-06得票数 0
请看我在“编辑”下面的更新帖子。
我写了一些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
我有一个div，并且给了我3个div宽度的值。div的正常宽度为120px，div的最小宽度为90px，div的最大宽度为150px。我猜我被要求根据屏幕的宽度应用这些值。我想知道如何为此编写css？ 我试过下面的代码，但似乎我的div总是120px。 .myDiv {
width: 120px;
max-width: 150px;
min-width: 90px;
} 我应该使用媒体查询吗？
浏览 62提问于2019-01-26得票数 0
当我使用没有冲突的_update_by_query选项时，它导致了version_conflict_engine_exception错误。 阅读this document时，我发现可以将conflicts=proceed与请求一起传递以避免此错误。 尽管我对文档中的措辞感到有点困惑。我知道，一旦指定了conflicts=proceed，当版本冲突发生时，它不会在两者之间中止。 但是它是更新那些发生冲突的文档，还是不更新那些文档，只更新没有冲突的文档。 注意:我使用的是elasticsearch 5.6
浏览 217提问于2019-03-12得票数 5
回答已采纳
我读过很多关于这件事的书。大多数用户建议媒体查询，但我想知道是否有任何特定的100%的工作方式，使您的网站看起来很棒(元素不会失去他们的位置)，即使在另一个决议/浏览器上只有html/css。如果没有，那么怎么办？(回到媒体查询？)
我对css/html不太了解，但是当我试图用另一台pc或手机打开我的页面时，它看起来很糟糕--(我为我的PC的分辨率而设计的页面)。我也试过‘他们’，'%'，‘最小宽度’和‘最小高度’，但没有那么好。
对不起，因为我问这个，甚至可能有一个解决办法。我只是想要一个清晰而直截了当的答案，这样我就不会迷失方向，更加困惑。
谢谢
浏览 2提问于2016-01-28得票数 1
回答已采纳
零维
每个人都开始使用包含所有样式的单个文件的CSS。
style.css
1D
很快，它就变得笨重起来，决定将CSS按页面元素分组到多个文件中：
html_elements.css
header.css
main-area.css
footer.css
有些人可能会发现这不够方便，并且按功能分组样式：
typography.css
layout.css
sticky-footer.css (包含许多元素的声明，而不仅仅是页脚)
2D
当一个项目有大量的CSS时，它可能需要同时使用两个分组。CSS文件结构变为二维结构：
layout/
浏览 1提问于2012-10-10得票数 16
回答已采纳
我假设，就像链接标记中使用的媒体查询一样，我们在CSS文件中定义的媒体查询是根据浏览器的媒体查询规则被解析/覆盖或省略的(实际上，我知道，尽管链接标记所请求的带有不匹配媒体的CSS文件无论如何都是下载的，但它们并不是呈现阻塞浏览器)。那么，从CSSOM构建优化立场来看，是否最好将应用于所有屏幕设备的通用CSS规则与移动特定的CSS规则分开，并将移动特定规则封装在最大宽度的媒体查询中？因此，浏览器将解析更少的CSS来构建CSSOM，而不需要为平板电脑、桌面等覆盖它们。我想知道这是否会影响CSSOM性能的构建，还是它是过火了呢？
浏览 6提问于2022-02-15得票数 2
回答已采纳
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
回答已采纳
2回答
我对Bootstrap完全陌生。我的代码有以下问题，我花了很多时间来修复它们，但找不到合适的解决方案。这是我的代码。
问题：
1:)在登录按钮的上方是另一个没有任何功能的白色按钮。我不知道我的代码中的哪个部分导致了这个匿名按钮。2：)尽管我已经添加了582*1024的媒体查询，但仍然没有效果是被seen.the标题"People things Recommendation“转到行"People Search”的左边。我真的很好，如果有人能帮我从这个烂摊子中走出来，为任何不适当的代码提前道歉。在这里，它应该在任何大小的屏幕上都能显示和响应。
浏览 0提问于2015-11-09得票数 1
2回答
我想知道以下声明媒体查询的方法是否有什么主要的优缺点。
似乎有三种主要的方式--这有什么原因吗？有什么关系？
<link type="text/css" rel="stylesheet" media="screen and (max-width:320px)" href="mobile.css">
对比
@import
对比
@media (within css file)
目前我使用的是链接rel技术，但是我很想知道，特别是CSS文件中的@media在任何方面是否更有效率或被认为是更好的实践。
提前感谢
浏览 3提问于2014-04-03得票数 1
回答已采纳
2回答
我已经编写了3个不同维度的媒体查询。初始样式为320 is宽度，另一个查询为
320 and及以上
768px
1024
css的初始尺寸为320 is，320 nad高于nad 768 is。但是1024 1024px不适用.
这是我的css查询
@media (min-width: 320px) {
For above 320px
}
@media (min-width: 1024px) {
For 1024px; this is not applying
}
@media (min-width: 768px) {
for 760px
}
浏览 0提问于2012-06-15得票数 0
回答已采纳
我已经将我的页面字体设置为font-size: 0.6875em;，现在我想知道，当我通过拖动窗口(而不是使用JavaScript函数)来调整浏览器的大小时，我的文本大小会像我的DIVS一样减小吗？
看起来不是！我知道我可以添加CSS媒体查询，可能有一个JavaScript / jQuery工具可以做到这一点，但是当用户拖动浏览器的一角并减小(或增加)窗口大小时，我是否可以自动减小文本大小，或者我必须使用JS / CSS媒体查询吗？
任何建议都将不胜感激。
谢谢
浏览 2提问于2012-02-19得票数 1
回答已采纳
我在向FCC发起挑战，我遇到了一件奇怪的事
能见度:隐藏
不希望使用@media查询作为@media all screen，但当我将媒体查询设置为@media only screen时，
能见度:隐藏
财产就像一种魅力。
下面是HTML和CSS的代码片段，请检查它，并在Codepen上随意打开。
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');
* {
font-family: 'Roboto M
浏览 1提问于2021-06-15得票数 0
回答已采纳
1回答
CSS媒体查询的正确方法
、、、、
这个问题不是关于什么是CSS媒体查询，而是更多关于它的正确用法的问题。
因此，我计划创建一些流畅的页面，这些页面在桌面/平板/移动平台上查看时会有细微的用户界面差异。
所以我的问题是；
对于1页，我是否应该为桌面/移动/平板电脑创建单独的CSS文件，然后使用
链接href="desktop.css“media=.”链接href="ipad.css“media=.”
或者使用单个/通用的CSS，并在其中包含媒体查询，如
Common.css
@媒体..。//桌面样式
@媒体..。//ipad样式
我的意思是，会有单独的CSS造成一些滞后，boz的多个http请
浏览 2提问于2011-09-18得票数 0
回答已采纳
1回答
我有一个在普通浏览器中看起来很好的布局，但是在链接和lynx中看起来就像一个大混乱的文本。我想在文本浏览器的各个部分之间添加一个<hr>或<br>，但我不希望它们干扰普通浏览器中的CSS布局。我尝试在CSS中设置hr {display: none;}，但它也将其隐藏在文本浏览器中。
浏览 2提问于2013-12-13得票数 7
回答已采纳
我目前正在学习响应性概念和媒体查询，而且我无法理解它的用途，因为我们可以在CSS文件中使用"%“来表示大小属性。事实上，例如在我的CSS文件中，如果我添加了“宽度”样式属性："{width: 70%;}"，我的网页将适合任何屏幕大小，因为它将占用70%的屏幕，而不考虑屏幕？或者她会被显示的字符太小，这将解释为什么我们使用响应的方法？似乎我并没有真正实现它的目的。谢谢你的帮助。
浏览 2提问于2020-11-07得票数 2
回答已采纳
简单的问题是，如果我有以下的div：
.example {
height: 50px;
width: 50px;
display: cover;
margin: auto;
padding-left: 10px
}
是否需要在媒体查询中再次声明所有这些属性？还是它只是继承了我没有改变的一切？例如，如果我只是改变高度：
@media (min-width:1200px) {
.example {height:100px;}
}
那么，我是否还需要将所有其他属性包含在我的原始.example div中，还是它是继承的呢？我之所以问这个问题，是因为我试图解决css中的一些问题，而且我开始怀疑
浏览 3提问于2014-10-26得票数 0
回答已采纳
1回答
我正在处理一个响应模板，并使用CSS媒体查询。但是IE7似乎不直接支持媒体查询。所以我找到了解决方案，找到了
但我不能让它起作用。
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<li
浏览 5提问于2013-01-07得票数 1
回答已采纳
2回答
我刚刚为我们的网站部署了一个Rails 3.2.9应用程序。在主页上，我有一个旧的Twitter小部件，在这个小部件中，您可以修改比使用新功能更多的功能。我已经开发了一个站点，它使用CSS3中的媒体查询为桌面和移动设备提供响应性设计。
问题是，根据我的经验，旧小部件不允许输入宽度和高度的百分比。当然，这些小部件的帮助不再可用。新的Twitter小部件不允许您修改宽度，只允许修改高度。我希望能够根据屏幕分辨率对Twitter小部件有不同的宽度。我认为这可能是可能的唯一方法是，我可以以某种方式检查html/erb代码中的监视器大小。
我已经做了搜索，试图找到有关如何在Rails和HTML中检查这方
浏览 1提问于2012-11-27得票数 0
回答已采纳
4回答
在这里，我从来没有真正擅长前端设计，而且我被一些东西卡住了。我正在努力实现的是使网站的标题固定在移动设备上
<div class='row' id='header' > </div>
我可以使用bootstrap和Foundation，因为我熟悉它的基础知识，但我不能动脑筋做我想做的事情。我希望标题div只为移动设备固定，这样当你从大屏幕/计算机访问时，它不是固定的，并且随着滚动而流动，但只有移动设备它保持固定在顶部。现在，我可以使用Jquery简单地更改css属性，但我不知道如何查找和检查设备是大屏幕还是小屏幕
if(
浏览 1提问于2015-07-03得票数 0
2回答
如果我使用以下内容来检测iPad Safari用户，如果将来我尝试检测摩托罗拉Xoom或其他可能具有类似宽度的平板电脑用户，它会起作用吗？
<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px)" href="ipad.css">
我的意思是，我将如何准确地识别其他平板电脑并使用xoom.css或othertablet.css
我知道用户-代理方法，但我希望避免这种情况。请让我知道是否可以只使用媒体
浏览 0提问于2011-04-20得票数 0
回答已采纳
1回答
我在服务器的根目录下有一些文件夹：
css/
js/
gfx/
new_www/
...
还有更多。假设我想在文件夹中复制当前页面的new_www，但强制它使用根文件夹中的一些东西(例如gfx文件夹)。我试着用.htaccess跟踪，但不起作用：
RewriteEngine on
RewriteBase /
RewriteRule /new_www/_js/(.*) /_js/$1 [L]
RewriteRule /new_www/gfx/(.*) /gfx/$1 [L]
我做错了什么？.htaccess被放在文件夹的根目录下。
浏览 0提问于2013-05-18得票数 1
回答已采纳
2回答
我的index.html文档头中有以下样式表链接代码：
<link href="static/css/mobile.css" rel="stylesheet" media="screen and (max-width: 739px)">
然而，在我的1920px宽屏幕上，chrome和火狐都加载了mobile.css -它似乎忽略了内容。这几乎使渲染页面所需的时间增加了一倍。
如果CSS文件无法满足媒体查询，有什么方法可以防止它被加载吗？(我想我可以接受一些.js)，或者我实现错了吗？
浏览器加载一个文件，然后忽略它，这似乎是完全错误
浏览 1提问于2013-02-24得票数 1
回答已采纳
我注意到FF、Chrome和Safari的行为，如果您干预对象的display属性，那么媒体查询就不再适用于该对象属性。
这样，我准备了一个测试html代码，这里是1.
你知道不产生这种影响吗？我不认为将css媒体查询转换为javascript并不符合一般性原则.
不久，我想通过媒体查询和在需要时使用javascript (如果可能的话)更改DIV的可见性。
1 (测试场景)
浏览 1提问于2012-06-18得票数 3
回答已采纳
我正在做一个类似于的简单的html 5游戏。
我需要让游戏响应，我想问我是应该使用CSS媒体查询，还是我应该使用一个基于百分比的布局，使用百分比维度来表示元素的宽度和高度。
最好的办法是什么？
浏览 6提问于2016-02-01得票数 0
回答已采纳
我有问题的媒体查询不加载CSS或显示正确的样式。
我所做的是为我的iPhone创建了一个style480.css，为normal创建了一个style.css。
我加载了
<meta name="viewport" content="width=device-width, initial-scale=1"/>
在我的网站上这样它就可以工作了。
我将主站点上的css设置为style 480，这样我就可以为iphone设置样式。所有的东西在我的iphone上看起来都很棒，当然，它在我的桌面上只是一个无聊的列表。
完成style480后，我将css复制/粘
浏览 2提问于2012-04-15得票数 0
1回答
未触发媒体查询
、、、、
我正在创建一个响应网站，但不幸的是，我的媒体查询没有被触发。我已经提供了代码，完全复制和粘贴从我正在使用的文档，下面。
有人知道我做错了什么吗?这就是阻止我的媒体查询被调用吗？
<!DOCTYPE html>
<!-- USE THIS ONE WHEN WP GOES <html <?php language_attributes(); ?>>!-->
<html>
<head>
<meta charset="<?php bloginfo( 'charset' );
浏览 1提问于2014-06-19得票数 0
回答已采纳
1回答
我搞不懂为什么我的页面忽略了Chrome上iPhone 5 (iOS 8)页面上的页边距！
似乎媒体查询被忽略了，但是我已经有了viewport meta标签！到底怎么回事？
以下是该站点：
浏览 0提问于2015-01-21得票数 0
假设我有一页带有打印按钮的页面。当我点击按钮，它将带我到一个单独的页面，与相同的信息，但设计为打印。我考虑在同一个页面上使用@media print，但是对于这个特定的应用程序有太多的修改，因此我正在为打印创建一个全新的页面。我的问题是:在打印页面的样式中，我是否应该在CSS中使用@media打印，并将所有样式都包含在其中？或者我可以开始写我的CSS规则作为正常(即。没有媒体查询)。不使用媒体查询有什么缺点吗？
浏览 5提问于2015-01-11得票数 0
回答已采纳
2回答
我写了一个示例代码来尝试在css中进行媒体查询...
代码如下：
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: green;
}
@media only screen and (min-device-width: 374px) and (max-device-width: 376px) {
body {
background-color: blue;
}
#img {
background-color:
浏览 0提问于2014-11-03得票数 0
2回答
我试图运行这个媒体查询，我怀疑可能有语法错误。
我已经尝试指定我的媒体查询是针对一个屏幕的，但是它没有工作。
如果您想要查看完整的代码，则此项目在代码页上。
完成项目的要求之一是有一个媒体查询。
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: green;
position: fixed;
top: 0;
right: 0px;
@media (max-width: 600px) {
flex-direction: colu
浏览 1提问于2019-04-08得票数 1
回答已采纳
3回答
我第一次尝试媒体查询，但我找不到哪里出错了。我有下面的代码，我假设这是一个语法错误。当我尝试运行它时，什么也没有发生！感谢您的帮助，谢谢！
<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 1024px)" href="styles/mobile.css" />
styles/mobile.css
.color {
height:100%;
}
.anim {
hei
浏览 0提问于2013-12-04得票数 0
我包括两个样式表在一个页面，一个是移动的版本，总是需要的。在较大的屏幕上，我还想加载desktop.css。因此，我将桌面样式链接起来： <link href="/css/desktop.css" rel="stylesheet" media="all and (min-width: 780px)" /> 我认为浏览器应该足够聪明，可以只在大屏幕上下载desktop.css。但是，它总是加载它。 是否可以在不满足媒体查询时阻止浏览器下载？
浏览 16提问于2021-08-26得票数 1
回答已采纳
1回答
我在winform应用程序中使用过Windows Media Player COM组件。但是字幕不能显示在上面。
字幕和视频在同一个文件夹里，只要用媒体播放器打开wmv文件就可以正确显示。我真的被这个嵌入式COM组件搞糊涂了。
有没有人知道这个案子？
浏览 4提问于2010-11-05得票数 0
2回答
媒体查询不适用于移动
、、、
以前也有类似的问题在这里被问过，但是在阅读了它们之后，我还没有找到一个适用于我的网站的答案。
我已经建立了围绕Bootstrap的网站，但添加了一些我自己的媒体查询。现场测试地点为：
被媒体查询更改的部分是“我们的费用”和“地图”覆盖。如果您在笔记本电脑上，调整浏览器大小会使这些部分显示为块。
我的样式表链接：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.css"
浏览 0提问于2012-07-25得票数 4
我的问题是关于背景图像的。我正在为iPhone屏幕设计一个主页，我想为移动版本使用一个稍微不同的图像。我的媒体查询不是在一个单独的css文件中，而是嵌入在index.html中。Problem...the主css图像正在覆盖我的查询图像。我检查了额外的括号等。我认为媒体查询优先于主要css？如果我把媒体查询放在css链接文件中，我能得到我想要的结果吗？
下面是我的主要css代码：
#container
{
background-image:url(images/1000_framec.jpg);
background-repeat:no-repeat;
width:999px;
浏览 0提问于2013-01-19得票数 1
3回答
我有一个移动网站，风格与广泛使用的CSS3媒体查询。
我想为不支持媒体查询的浏览器添加一个额外的css文件，该文件覆盖了一些css规则。
我想知道是否有一种在火狐(21.0)中禁用媒体查询支持的方法，以便能够进行开发，因为我没有任何其他可以测试的东西。
Chrome解决方案也能解决，尽管我更喜欢使用firebug。
浏览 3提问于2013-06-06得票数 1
回答已采纳
1回答
我试图在CSS中堆叠媒体查询，但似乎无法让它正常工作。我试图实现的是为(媒体查询的任何)设置一组css规则。我知道通常我可以使用和将其应用于不同的规则，但在这种情况下，我试图处理特定于供应商的前缀，这样浏览器就不会满足所有的条件。
到目前为止，我得到的是：
@media only screen and (min--moz-device-pixel-ratio: 2),
@media only screen and (-o-min-device-pixel-ratio: 2/1),
@media only screen and (-webkit-min-device-pixel-ratio: 2
浏览 0提问于2012-09-06得票数 2
回答已采纳
2回答
我有一个网络项目，使用css文件与媒体查询。其中一个页面正在使用相同的css文件，但我不希望它使用此css文件上的媒体查询。我怎么能忽略它们呢？
浏览 5提问于2015-01-20得票数 2
2回答
我知道没有明确的CSS媒体查询方法来检测触摸设备，我知道可以运行一个现代化脚本来检查触摸功能。
然而，我想知道是否有任何理由不使用媒体查询(定位:纵向)和(方向:景观)来帮助隔离触摸偏差。我的假设是只有触控设备才有这种能力。
是否有利用方向的台式机/膝上型电脑/键盘设备？
浏览 0提问于2014-05-12得票数 2
回答已采纳
1回答
媒体查询什么都不做
、、、
我已经用SASS做了一段时间的HTML和CSS，直到今天我的所有响应都在工作，我的css媒体查询突然停止了反应。
它们在被加载到网页上的css文件中，但是没有任何元素对它们作出反应.我无法将3k行的完整css文件复制到这里。
但我想我错过了一些基本的东西。我使用的是gulp，它在处理css时没有报告错误。
我要疯了，我想不出问题来了。直到今天，所有的事情都在进行，我需要在周一之前完成一个项目，而我无法做出回应。
所有的查询都正常。今天我没有做任何改变，当我运行这个项目时，查询不会做任何事情。
对可能的情况有什么建议吗？谢谢你们。
浏览 1提问于2015-03-04得票数 2
回答已采纳
这是我的课：
.center-block-xs {
// This style is given to an image. I want the image to keep
// its original CSS (whatever the default display and margin
// is for an image) unless the screen size fits within the
// media query below.
}
@media(max-width:767px) {
.center-block-xs {
display
浏览 6提问于2015-06-07得票数 0
回答已采纳
5回答
我正在使用以下代码创建一些打印特定的样式：
@media print {
/* Styles */
}
当我们使用SASS时，所有样式都会在运行时编译到一个样式表styles.css中，该样式表在文档的<head>中声明如下：
<link rel='stylesheet' href='/assets/css/styles.css'>
现在，当我从chrome (Ctrl+P)打印时，它完全忽略了我的打印样式，但是火狐(30.0)就可以了。IE(11)很糟糕，但这是因为我们有很多IE似乎不喜欢的显示/隐藏面板/
我怎么也搞不懂发生了什么事。
浏览 2提问于2014-07-09得票数 12
我刚开始学习响应性设计。我在旅途中注意到的是，当我将媒体查询放在样式表的底部时，所有关于断点的操作都是完美无缺的。如果我将媒体查询放在样式表的顶部，那么什么都不起作用，直到最近我才发现需要将!important和max-DEVICE-width (而不是max-width)添加到正在更改的css中。
为什么会这样呢？为什么当将媒体查询放在样式表的底部时，媒体查询同时在桌面和移动平台上工作。
为什么当我将媒体查询放在样式表的顶部时，需要添加!important和max-DEVICE-width才能使断点在桌面和移动平台上工作？
浏览 6提问于2014-06-27得票数 18
回答已采纳
给定以下链接标记：
<link rel="stylesheet" href="xlarge.css" media="max-width: 70em" />
<link rel="stylesheet" href="large.css" media="max-width: 60em" />
<link rel="stylesheet" href="medium.css" media="max-width: 50em" /&g
浏览 1提问于2012-12-24得票数 4
回答已采纳
我非常热衷于在CSS中使用媒体查询，但我对如何使用它感到困惑。我有立场
我的查询要求是
如果屏幕宽度为100到480，则会出现不同样式，
如果屏幕宽度为481到600，则出现不同风格，
如果屏幕宽度601到800，则出现不同样式，
如果屏幕宽度为801，那么默认CSS应该可以工作。
浏览 0提问于2012-07-18得票数 3
回答已采纳
2回答
我正在尝试让这段CSS在我的ipad上工作，但它似乎忽略了媒体查询，而使用了默认的包装器CSS。有没有办法阻止这件事的发生？
@media only screen and (max-width: 1024px) and (max-height: 768px) {
#wrapper {
position:absolute;
z-index:1;
top:41px;
width:150px;
height:300px;
}
}
#wrapper {
position:absolute
浏览 1提问于2012-02-14得票数 0
回答已采纳
3回答
因此，例如，如果我有一个媒体查询和一些常规CSS与！重要规则的东西，它会受到影响吗？
例如：
a{
color:#0000FF!important;
}
@media (max-width: 300px){
a{
color:#FF0000;
}
}
浏览 6提问于2014-07-06得票数 7
回答已采纳
是否有可能，以px衡量的浏览器视口的宽度不是一个整数？
有一些设备(即苹果视网膜显示器)，其中一个“逻辑像素”在每个方向被划分为两个“物理像素”，这使得一个区域的2x2=4物理像素负责一个逻辑像素。
假设您有一个关于Kirk上尉的网站，并且您有这样一个标题：
<h1 class="small">Kirk</h1>
<h1 class="medium">Captain James T. Kirk</h1>
<h1 class="large">James Tiberius Kirk, Cap
浏览 1提问于2015-09-24得票数 5
回答已采纳
1回答
我为我的网站创建了两个不同的CSS表单(移动和桌面版本)，我希望用户根据他们使用的设备来拉动每个表单。我尝试使用@import query，但它似乎不能正常工作。通过测试，我发现手机版在我写的时候被激活了。
@import url('mobileVersion.css') only screen and (max-width: 980px);
虽然移动css表不能被激活，如果我降低宽度数字。另一方面，如果我把两张床单都放进去
@import url('mobileVersion.css') only screen and (max-width: 980px);
浏览 17提问于2018-08-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
