防止在使用媒体查询时应用某些css元素
在使用媒体查询时，可以通过以下方法来防止应用某些CSS元素：
- 使用@media规则：@media规则允许根据设备的特性和特定的媒体类型来应用CSS样式。通过在媒体查询中设置条件，可以选择性地应用或排除某些CSS元素。例如，可以使用@media规则来指定在特定屏幕宽度下应用或排除某些CSS样式。
- 使用CSS选择器：可以使用CSS选择器来选择性地应用或排除某些CSS元素。例如，可以使用类选择器或ID选择器来选择特定的元素，并在媒体查询中设置条件来控制其样式。
- 使用CSS属性：某些CSS属性可以用于控制元素的可见性或显示方式。例如，可以使用display属性将元素设置为none，以隐藏它们在特定屏幕宽度下的显示。
- 使用CSS框架：一些CSS框架（如Bootstrap）提供了响应式设计的功能，可以根据设备的屏幕大小自动调整布局和样式。通过使用这些框架，可以简化媒体查询的使用，并确保在不同设备上的一致性。
总结起来，防止在使用媒体查询时应用某些CSS元素可以通过@media规则、CSS选择器、CSS属性和CSS框架等方法来实现。具体的实现方式取决于具体的需求和情况。
相关·内容
3回答
动态媒体查询
、、、
我目前正在使用js/jq调整大小事件，当水平菜单(宽度可变)变得对屏幕太大时，将css规则应用于该菜单。但是，在应用新规则之前，菜单会立即换行。
理想情况下，我希望测量菜单宽度并更改媒体查询的断点！
@media screen and (min-width: THIS-VALUE){
New Rules
}
这个是可能的吗？?
提前谢谢。
Chris GW Green
浏览 4提问于2013-04-18得票数 7
我正在将当前固定宽度的站点转换为响应站点，可以在：上查看
我已经创建了CSS框架，并应用了相关的媒体查询(在Gridpak的帮助下)，所以这里没有问题。我遇到的问题是当我调整浏览器的大小时，我的div会改变位置，最后会产生闪烁的效果。这似乎只发生在我的设置宽度768 of和1080 of之间。
我不知道为什么会发生这种情况，也不知道如何解决这个问题，因此无法复制和粘贴相关的代码。真的很感谢你的帮助和指导！
浏览 4提问于2014-04-01得票数 0
回答已采纳
我有一个完全用CSS制作的导航条，它在大屏幕上工作得很好，但是太大了，不能在移动设备上简单地再流。我的想法之一就是简单地创建第二个移动友好的导航条，并将其放在桌面版本的顶部，但使用display:none隐藏它。然后，我可以使用一个移动断点来显示移动导航条并隐藏桌面版本。
这是CSS可以接受的做法吗？如果没有，是否有另一种方法可以为不同的断点显示完全不同的导航条？
编辑:为了澄清，我使用@media查询断点。
浏览 6提问于2016-01-19得票数 1
回答已采纳
我正在应用css媒体查询我的网站，以工作在移动以及笔记本电脑。我正在使用以下移动媒体查询
@media only screen and (min-device-width : 321px) and (max-device-width:480px)
以及膝上型电脑的后续
@media only screen and (min-device-width: 1100px)
问题是当我为移动应用第一次查询和为笔记本应用第二次查询时，移动UI是正确的，但是膝上型计算机UI显示的是不同的results.When --我从列表中删除了移动css.laptop，并且只保留了第二个查询css.laptop UI
浏览 2提问于2014-05-02得票数 1
这是我的课：
.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
回答已采纳
8回答
我试图使用一些媒体查询的网站，我正在建设。然而，我遇到的问题是，当实际应用媒体查询样式时，它们正在被覆盖。我不知道为什么，因为我使用的是相同的选择器。有人能指出我看不到的东西吗？
原始CSS
#global-wrapper-outer > #global-wrapper-inner {
width: 85%;
height: 100%;
margin: 0 auto;
position: relative;
}
#global-wrapper-outer > #global-wrapper-inner > nav {
backgroun
浏览 5提问于2013-09-26得票数 82
回答已采纳
2回答
令我感到奇怪的是，CSS3媒体查询和引导之间的区别在于什么。我已经进入了这么多的网站，但每个人都说，都是为了响应网站。如果是出于同样的原因，为什么两者都是为响应而存在的。我觉得这两者之间有一些很大的区别。在两种用法中谁排在第一位？媒体查询还是引导？在我的脑海里被困住了。寻求解释！
浏览 3提问于2015-11-19得票数 7
回答已采纳
我有一种像这样的柔性盒风格：
.myclass {
display:flex;
}
和这样的媒体查询：
@media (orientation:portrait) {
.myclass {
display:none;
}
}
我希望元素在纵向模式中是不可见的，但事实并非如此。在Chrome中，display:flex优先，尽管媒体查询更具体。
为何会这样呢？
编辑:只有在CSS中媒体查询放在第一位时，才会发生这种情况。在我的应用程序中，这是无法避免的，因为它是一个相当复杂的MeteorJS应用程序，由几个SCSS文件组成。如果我在显示之后重复相同的媒体查
浏览 2提问于2016-08-02得票数 3
1回答
在CSS中使用媒体查询与在CSS bootstrap中使用容器工具相似吗？我觉得媒体的查询在它的实现上有点可笑吗？
媒体查询：
浏览 2提问于2021-10-20得票数 0
我刚刚完成了我的第一个javascript项目(一个使用three.js的3D网站)，但就在发布之前，我意识到在访问这个站点时，除了一个1920x1080浏览器之外，我并没有对尺寸和内容进行优化。因此，我开始研究如何这样做，并发现如何设置DevicePixelRatio或使用媒体查询与CSS。在搜索并查看堆栈溢出之后，我决定使用CSS媒体查询，但我遇到了两个奇怪的问题。
1)我根据分辨率改变字体的大小，但由于我使用开发人员工具动态地更改viewport(?)浏览器中的大小。单击"Toggle Device Toolbar“，然后选择responsive并开始缩小，以查看我的字体大小更改
浏览 0提问于2021-07-26得票数 0
回答已采纳
我非常喜欢React中的 ()，我正在考虑使用它。然而，我有一个类似于的问题。
如何使用React的内联CSS模式实现应用程序的媒体查询？
浏览 0提问于2015-02-09得票数 51
我不是一个设计师，但只知道足够的调整与css。
我需要实现媒体查询现有的css设计为一个项目，以适应移动设备，如iphone，安卓等。
在现有设计中添加媒体查询支持可能需要多长时间才能了解？
请不要结束这个问题，这是我正在寻找的一个具体的答案，因为这可能会节省我在学习一些目前可能无法解决我的目的的东西上浪费时间。
浏览 0提问于2011-11-29得票数 0
回答已采纳
零维
每个人都开始使用包含所有样式的单个文件的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或显示正确的样式。
我所做的是为我的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
5回答
未应用媒体查询
、、、
这是我的CSS media query
@media screen and (max-width: 450px) {
.box_url {
font-size: 12pt;
}
.box_heading {
font-size: 13pt;
}
.right {
text-align: left;
}
.jane {
font-size: 10pt;
}
.ninja {
font-size: 12pt;
}
}
我的普通CSS
.right {
text
浏览 6提问于2016-06-27得票数 3
回答已采纳
1回答
似乎CSS只能识别第一个媒体查询。每当我改变屏幕大小以看到不同的变化时，它只“落入”第一个媒体查询或一般的CSS代码。
我尝试将媒体查询移动到工作查询的上方和下方，但没有任何改变。在查询中，我将几种颜色更改为黑色，以便测试它们是否真的有效，但这并没有改变任何东西。
这是我的媒体查询布局的一个示例。
*** REST OF CSS FILE UP HERE ***
@media screen and (max-width: 600px) {...}
@media screen and (max-width: 600px) {...}
@media only screen and (min-
浏览 20提问于2019-07-20得票数 2
回答已采纳
1回答
我想要做的是能够以编程的方式向上或向下缩放一个页面，而棘手的部分是，我希望媒体查询也能以相同的速度进行缩放。
因此，如果我将页面中的所有内容按2的倍数进行缩放，那么以前以400 by发出的媒体查询现在应该会以800 by的速度运行。
我尝试过的：
在html或body元素(zoom: 2)上设置css缩放属性：
这不会缩放媒体查询。用来触发400 to的媒体查询仍将以400 to发出。如果我使用浏览器的缩放控件来缩放页面，那么媒体查询按比例缩放，但是在缩放css属性时不会发生这种情况。此外，火狐不支持缩放，使用transform: scale(2)也不能给出预期的结果。
对所有
浏览 0提问于2018-03-02得票数 2
我在一个网站上工作，其中包括几个简单的ajax调用通过jQuery加载内容从另一个页面到一个模式窗口。在“现代浏览器”中，一切都很好用，但在所有版本的IE浏览器(包括IE9)中，当点击链接打开模式窗口时，它会改变页面的布局。
我认为正在发生的是IE认为弹出窗口是实际的屏幕尺寸，然后拉入我的媒体查询并将它们应用到页面上。我在页面中的HTML元素上使用了类来区分IE和其他浏览器，并尝试将IE排除在所有媒体查询之外，但这并不完全有效。
下面是该页面的链接。如果您使用IE9并向下滚动到“关于我们”部分并单击链接，您将看到标题中的布局更改。但是，如果您滚动到“我们所在的位置”并单击该链接，则是模式窗口中
浏览 2提问于2012-09-30得票数 0
3回答
我是一个后端工程师，在一个小团队工作，所以偶尔需要做一些前端。我喜欢在开始之前开发一个良好的工作流和项目结构，所以我想知道如何为一个web应用程序创建一个响应性好的前端。
什么是构建CSS以创建响应性网站的最佳实践方法，需要为较小的屏幕“缩小”？具体而言:您是否首先创建移动版本，然后在CSS中使用最小宽度的媒体查询展开代码？还是你做了相反的事情，首先创建桌面分辨率版本？
其次，您是否在同一个媒体查询中定义了多个元素选择器和定义？还是为每个元素和选择器定义媒体查询？看起来，第二种方法可能会使代码更易读--尽管用媒体查询来“调整”一个工作站点来创建一个新版本，而不是简单的隔离--在一个媒体查询中关
浏览 0提问于2013-11-27得票数 3
如何在bootstrap 3中限制某些节和js在移动版中加载。
对于客户参与，我使用聊天和点击呼叫网站上的功能。我想在移动版中限制这些功能的加载。
浏览 0提问于2013-10-10得票数 0
4回答
我有一个基本的HTML页面和三个CSS文件在每个。第一个CSS文件(core.css)用于一组非常通用的所有页面共有的规则。第二个文件(additional.css)包含特定于页面项目的规则(主页、博客页面等)。第三个CSS文件(mobile.css)包含所有用于移动显示的媒体查询。我也在用靴带。
当文件按以下顺序加载时：
core.css
mobile.css
additional.css
mobile.css中包含的下列媒体查询不会被浏览器捕获。
当文件按以下顺序加载时：-- core.css - additional.css - mobile.css
mobile.c
浏览 0提问于2015-12-28得票数 3
回答已采纳
我只是在学习html和css，刚刚完成了一个登陆页面项目。当我最后回顾我的css时，我意识到我有多个媒体查询，它们都是相同的条件(最大宽度)，但是应用于不同的元素。
我知道您可以在一个媒体查询中放置多个元素，但是什么是最佳实践呢？
目前，每个媒体查询都位于该元素的安装css之后。
也就是说，#头后面跟着@media (最大宽度:640 by )#头{stuff；}
浏览 0提问于2020-05-27得票数 1
回答已采纳
3回答
我正在使用Bootstrap 3。基于媒体查询应用不同CSS类的最佳方法是什么？当它是移动设备时，我需要应用Bootstrap col-xs类，但当它是台式机版本(md，lg)时，我需要应用一个自定义CSS类。现在我有两个DIV，其中一个根据媒体查询可见，但我不想因为这个原因而重复DIV。
我知道我可以在DIV上应用col md和col lg，我在很多地方都在这样做，但这个案例是不同的。在移动设备中，我想应用col-xs-2，但在桌面版本中，我需要让它表现得像一个表，所以我使用display:table。
浏览 0提问于2016-03-09得票数 6
回答已采纳
1回答
是否有一种纯CSS方法来为元素指定不同的CSS样式，仅当元素在一定宽度下活动时才是活动的？
类似于@media查询，但不是整个屏幕，只是元素。就像..。
.element {background: blue;}
.element[max-width=300] {background: red;}
我知道我怎么用JavaScript，但听起来太复杂了.>.<
浏览 1提问于2018-11-22得票数 0
回答已采纳
2回答
我在一个网站上工作，这将具有，一页，在Adobe Edge制作的幻灯片(导出为.js JavaScript文件)。我还使用CSS media查询来调整站点上的各种元素的大小，比如基于屏幕分辨率的<div>和字体。我想对幻灯片做的是创建不同分辨率的多个版本；是否可以使用CSS媒体查询来随后选择每个屏幕分辨率的适当版本？
浏览 0提问于2012-07-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
回答已采纳
我不想在我的CSS上一直重复相同的属性。
在我的例子中，我有三个媒体查询，我在其中更改了特定元素的padding属性，并在需要将其作为开头之后：
@media (max-width: 1000px){
ul > a{
padding-top: 20px;
padding-bottom: 20px;
}
}
@media (max-width: 750px){
ul > a{
padding-top: 16px;
padding-bottom: 16px;
}
}
@m
浏览 0提问于2016-04-29得票数 0
我有一个很大的CSS文件，我想包括使用媒体查询的特殊情况下的其他CSS文件。
在CSS中使用@import是否安全：
@media only screen and (max-width: 480px) {
@import url('/css/styles-480.css');
}
浏览 0提问于2013-01-02得票数 7
回答已采纳
1回答
我试图让一个响应性的皮肤在MediaWiki中使用媒体查询，并且我正在对一些奇怪的行为进行故障排除。
如果我向wiki页面添加了一个测试div：
<div id="testing">TESTING</div>
然后添加一个媒体查询：
@media screen {
#testing {background-color: green;}
}
...to不同的地方，样式只适用于某些浏览器。例如：
如果我将它添加到活动皮肤的"screen.css“文件中，所有其他工作样式都在其中：
iPad:不
iPhone4:不
铬20.0 XP+M
浏览 2提问于2012-07-21得票数 5
回答已采纳
1回答
我已经创建了我的在线投资组合，它在桌面上运行的很好。然而，每当我在其他设备/智能手机上试用它时，它就不再具有响应能力。我的代码中有元标记，css上也有一个媒体查询。我正在使用引导和外部css编写它的代码。另外，我遇到的另一个问题是移动设备上的水平滚动。
PS。删除了一些重要的短信信息。
这是我有问题的代码。
<div class="container">
<h2 class="text-center p-3">PROJECTS</h2>
<div class="row">
浏览 2提问于2021-12-05得票数 0
我正在进入网页开发，并有一个有点麻烦的CSS。我更像一个C++/PHP的家伙，所以这对我来说是一个不同的世界，它困扰着我的头脑。CSS的唯一问题是定位对象。这就是我唯一的问题。我可以很容易地引用复杂的选择器，并且查找如何操作某些attributes....but定位会让我死而复生。
这不是一个问题，而是对一个知道自己在做什么的人的呼唤。我完全爱上了响应性网页设计的概念。然而，我从来没有亲自参与过这件事(我使用wordpress和响应主题来处理视觉效果-当我编写我需要的内容和插件时)。在响应性的网页设计中到底涉及到什么？我经常听说网格系统，这在我的脑海中是有意义的。网格系统会使页面布局发生变化吗
浏览 3提问于2015-03-21得票数 0
回答已采纳
我试图允许我的网页对媒体查询属性做出相应的反应。我搜索了所有的网络，找到了这个通用的元代码。
<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
回答已采纳
我有一个网站，需要根据某些决议调整元素定位。
例如，我有一个媒体查询：
@media all and (max-width: 385px)
这个媒体查询：
@media all and (max-width: 500px)
正在讨论的设备是低于385 is宽.但它正在优先处理500 is媒体查询(我对安卓设备的查询是在标准的iPhone纵向宽度和这个特定的机器人肖像宽度之间)。
以下是我的chrome工具的屏幕截图：
它试图应用这两个CSS集，因为它符合每个CSS集的标准，但当我需要它来优先处理较低的CSS集时，它会优先考虑较高的CSS集。
浏览 2提问于2013-09-11得票数 0
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
回答已采纳
4回答
我正在重新设计我的网站，因为在不同的分辨率(不同的设备)上看起来很糟糕，大多数指南和教程都依赖于%和em而不是固定值。我还在学习这个，所以我在阅读周围的一切。
我认为这将解决不同显示尺寸的问题，但又一次:我们必须制作更多的CSS来解决一些特定的问题。
如果我需要添加额外的显示尺寸的媒体查询，为什么使用% then？真的使用% reduce编码吗？是否需要为某些尺寸添加一些额外的css，还是我做错了什么？
谢谢你的建议！
浏览 0提问于2012-07-26得票数 5
回答已采纳
2回答
看起来isTablet函数稍后会返回true。为什么，以及如何修复它，以便isTablet在CSS media查询时显示它是平板电脑。
function isTablet() {
return $(window).width() >= 768;
}
和
<link href="css/tablet-default.css" media="all and (min-width: 768px)" rel="stylesheet" type="text/css" />
浏览 3提问于2012-03-20得票数 0
4回答
在我的生活中，如果没有媒体查询的广泛使用，我无法完全弄清楚这个模板是如何响应的。
有人有什么想法吗？
我买了这个模板，当我在应用它的时候，它的响应能力就坏了，而作者没有回复电子邮件。
特别是在小屏幕上，我不太明白它是怎么看起来这么优雅的。
浏览 3提问于2014-09-19得票数 0
回答已采纳
1回答
我有一个web应用程序，其中的选择列表是通过javascript动态生成的。从DOM中预先存在的菜单列表中进行选择。
我刚刚发现iOS忽略了针对精选列表的CSS。例如，我有一个max-width:768的媒体查询，它被设计为当屏幕尺寸为768px或更低时，对视图隐藏选择列表中的特定项目。
尽管使用设备仿真工具(即quirktools/screenfly)看起来工作正常，但当选择列表显示在实际的iOS设备上时，display:none规则被完全忽略。
是否有建议的解决方法？
浏览 2提问于2015-07-15得票数 1
1回答
我正在开发一个响应网站使用react。对于样式设计，我使用CSS样式表。响应部分是使用@media查询在CSS中实现的。
问题是，当我使用铬时，元素看起来更大，布局就像我从一个更小的屏幕(平板电脑)访问网站一样。我所理解的是，chrome“认为”视图端口更小，并使用相应的信息来响应媒体查询。
这一问题出现在开发过程中，经过一段时间的正确工作。
我做错了什么，我怎么解决这个问题？
注意:在Firefox中打开网站时，一切都正常工作。此外，当我打开开发工具的铬(检查F12)和‘切换设备工具栏’为真(Ctrl + Shift + M)，尺寸设置正确。问题只出现在使用“常规铬”。
浏览 6提问于2022-11-20得票数 0
我有一个网页，它使用了一些默认不可见的<img>元素。
图像在旋转木马中使用。
使用display: none通过mobile.css和CSS媒体查询设置一些图像隐藏。
浏览器，特别是移动浏览器，是如何排队加载图像的？是否有可能对图像进行微调控制，以便
直到图像变得可见，它们才会被加载。
如果移动媒体查询启动，图像加载将由mobile.css或支持Javascript中止。
CSS背景图像和<img>元素图像的行为(如果有的话)有什么区别？
在这种情况下，移动浏览器(WebKit)使用什么策略？
作为一个示例，我可以使用开源网站，它有
浏览 2提问于2012-09-11得票数 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
2回答
我正在尝试使用移动优先的方法进行响应式设计。
在这样做的时候，我希望将我的MAX媒体查询转换为MIN媒体查询。
因此，我的目标是实现渐进式增强，而不是使用优雅的降级
谁能解释一下重新设计CSS的最佳方法是使用最小宽度的媒体查询，而不是最大宽度的媒体查询？
在下面的示例中，我删除了95%的css，并保留了断点
//
html {
box-sizing: border-box; /* apply borderbox to * */
}
*, *:before, *:after {
box-sizing: inherit;
}}
//
@media screen and (max
浏览 0提问于2014-12-04得票数 0
1回答
我试图将媒体查询应用到我的CSS文件中的类中，但似乎找不出答案。这是我在CSS文件中的代码，当我检查网站时，我可以看到来自媒体查询的字体大小被跨越，即使窗口是“正确的”大小。为什么是这样，我应该怎么做，这样文本才能适应查询？
@media screen and (max-width: 1024px) {
.title-header {font-size: 20px;}}
浏览 4提问于2020-11-20得票数 0
回答已采纳
2回答
放置媒体查询的最佳方法
、、、
在HTML中放置媒体查询的最佳方法是什么？
在相同的CSS文件中，如：
.max{字体大小:30 80；} @media只显示屏幕和(最大宽度:768 80){..my text{字体大小:24 80；}..my img{宽度: 100%；}@媒体仅屏幕和(最大宽度:768 80){..my img{宽度: 80%；}{更多样式.}@媒体只显示屏幕和(最大宽度:768 max){更多样式.}
或在相同的CSS中，但类似于：
.max{字体大小:30 max；}..my img{宽度: 100%；}{更多代码.}@媒体仅屏幕和(最大宽度:768 max){..my text{字体大小:2
浏览 9提问于2017-05-27得票数 2
回答已采纳
4回答
使用媒体查询宽度如果我们这样给出，它将检查宽度是否至少为1024px或not.Is是否有任何方法可以在css中使用设备宽度，以便将应用程序主体的宽度设置为设备宽度？使用Jquery的另一种方法可以这样做：
$('body').css('width',screen.width)
有没有办法在不接触Js的情况下使用css将宽度设置为当前屏幕宽度？
浏览 1提问于2015-03-03得票数 1
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回答
我有一个网络项目，使用css文件与媒体查询。其中一个页面正在使用相同的css文件，但我不希望它使用此css文件上的媒体查询。我怎么能忽略它们呢？
浏览 5提问于2015-01-20得票数 2
我正在使用Grails 2.1.0和，并且遇到了navbar-fixed-top的问题。
为了使导航条固定在页面顶部，使其在调整大小时正确运行，声明：
添加..navbar固定的顶部，并记住通过添加至少40 by填充到它下面的隐藏区域。请确保在核心引导CSS之后和可选响应CSS之前添加此选项。
当使用Grails插件用于Twitter引导时，我如何做到这一点？
以下是我尝试过的：
main.gsp
<head>
...
<r:require modules="bootstrap-css"/>
<style type="t
浏览 0提问于2012-09-12得票数 0
回答已采纳
我正在使用Bootstrap 3，在移动视图中，我想应用一些CSS来修复移动视图上的一些错误。我已经看过文档并在谷歌上搜索过了。我好像找不到任何线索。
有可能吗？
浏览 0提问于2013-11-07得票数 38
回答已采纳
2回答
我计划用Phonegap设计一个网络应用程序。由于我需要处理不同的屏幕大小，我将不得不处理响应性设计和CSS3媒体查询。
我有一个1080x720分辨率的安卓手机，我想从这个(大)分辨率开始，并说css是base.css。对于较小的屏幕，我将添加类似small.css的东西来覆盖base.css (需要的地方)。
假设css会很复杂，那么对于小屏幕手机(其能力往往比大型手机更弱)，它会招致更多的工作量吗？从small.css开始作为base.css，然后在大型手机上用big.css覆盖它更好吗？或者，在web应用场景中，这并不重要(因为css文件大小不是一个大问题)？
有任何设计考虑和提示吗？
浏览 4提问于2013-09-13得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
