CSS媒体查询: max-width和max-height

文章/答案/技术大牛

发布

1回答

媒体查询不使用max-width，但使用max-device-width

html、css

我正在尝试使我的站点适应平板电脑，因此当我包含像这样的外部CSS文件时媒体查询可以工作，但是当我使用max-width和</e

浏览 0提问于2016-08-25得票数 0

1回答

媒体查询在有大量媒体查询时不起作用

css、media-queries

当我写媒体和检查之后但是当我写5-6个媒体查询时，在我检查它们之后，它们就不起作用了！@media screen and (max-width: 1366px) and (max-height: 768px) {...}@media screen and (max-width: 1400px) and (max-height: 1050px) {...}@media screen and (max-width: 1440px) and

浏览 1提问于2014-03-31得票数 1

3回答

css、responsive-design、media-queries

我想在媒体查询中使用AND条件。我使用了下面的代码，但它不起作用}

浏览 13提问于2017-01-31得票数 0

回答已采纳

3回答

如何使页脚在使屏幕尺寸变小时不可见？

html、css

我的height.Any和CSS代码片段如下：<footer class="footer"></footer>.footer{ position

浏览 4提问于2014-05-06得票数 1

回答已采纳

2回答

我怎样才能防止我的网站显示在小屏幕上？

html、css

我想防止显示我的网站在小屏幕上一样的手机或平板电脑…我想在这个屏幕上显示消息，在大屏幕上打开我的网站

浏览 0提问于2017-04-08得票数 1

3回答

关于媒体屏幕的简单问题。如何同时使用宽度和高度(每个都取决于彼此)？

css

所以我有一个关于max-width: 992px，另一个是max-height: 732px 和 max-width: 992px。我想要的是媒体屏幕做一些事情，只有当高度和宽度都低于最大值。我有这个：} 应该怎样？

浏览 3提问于2020-06-07得票数 0

回答已采纳

3回答

将媒体查询混合在一起

css、media-queries、stylus

我有许多css文件和多次出现的： ....有一天，我的老板让我把媒体查询改成： ....现在我需要搜索我的所有文件并替换为新的媒体查询有没有什么办法可以把这个媒体

浏览 0提问于2013-03-24得票数 4

回答已采纳

1回答

gulp + combine-media-queries:选择顺序

gulp、less

我在一个较小的项目上使用Gulp (组合媒体查询)，它的工作效果与预期一致。但是，我需要为max-height添加一个媒体查询，而Gulp总是将max-height放在媒体查询的顺序中较低的位置，这样我就可以用max-width覆盖它，而无需使用!important或向CSS添加更多选择器。有谁知道一种方法来控制Gulp发出媒体查询的顺序，或者是一个合并了媒体<e

浏览 2提问于2015-04-18得票数 0

1回答

CSS Media查询1280分辨率不同的问题

html、css、responsive-design、media-queries

我正在尝试创建一个响应式布局，并使用CSS媒体查询来使其适应不同的屏幕分辨率。但当我为下面提到的解决方案创建媒体查询时：/*1280 x 960*//*1280 x 768*/由于宽度相同，浏览器只选择最后一个"720px“css /*1280 x

浏览 2提问于2013-12-18得票数 3

2回答

多媒体查询不起作用

css

对于不同的设备，我有不同的媒体查询，每个都可以正常工作(如果我只留下其中一个)，但是如果我将所有媒体查询都放在代码中--只对大屏幕设备进行查询--就可以了。这个很好用：@media screen and (max-width: 640px), screen and (max-h

浏览 2提问于2017-11-09得票数 0

回答已采纳

2回答

高度或宽度媒体查询不起作用

html、css、media-queries

我正在尝试在我的HTML中设置一些媒体查询，但我遇到了一个问题。我希望查询查看设备的宽度和高度，并使用适当的样式表。据我所知，它看的是高度，而不是宽度。" type="text/css" /> <link rel="stylesheet" media='screen and (min-width: 1000px) and (max-width: 1499px), screen and (min-h

浏览 0提问于2014-02-18得票数 0

2回答

如何在Ionic中实现媒体查询

ionic-framework

这是我的css代码。针对iphone 6的媒体查询 .pane, .view{ top: 0; width: 100%; }针对iphone 4的媒体查询@media(max-width</

浏览 0提问于2015-05-05得票数 3

1回答

JQuery移动应用解析

jquery-ui、jquery-mobile、cordova

我正在开发一个使用JQM和PhoneGap的安卓应用程序。这个应用程序在低端设备上看起来很好，但在高端平板电脑上显示的字母非常小。我尝试过在浏览完这么多sites.It后修改视口标签，如果有人能给出一个分辨率，让我可以专注于功能，而不是布局和分辨率，那将是非常有帮助的。

浏览 3提问于2014-06-17得票数 0

3回答

我得到扩大的标志图像在HTML和CSS网站在iphone safari浏览器。怎么修呢？

javascript、html、css、iphone、mobile-website

我得到扩大的标志图像在HTML和CSS网站在iphone safari浏览器。由于我已经使用媒体查询在css中设置了宽度和高度，但我仍然只在iphones上，而不是在android上处理这个问题。请访问此链接以获取代码和相关文件： max-height: 20%;max-width: 40%

浏览 1提问于2022-01-19得票数 0

1回答

在移动或桌面上使用不同的导航条样式

javascript、html、css、mobile、desktop

是否有一种方法可以根据它们的视图改变导航条？

浏览 1提问于2017-02-19得票数 0

回答已采纳

3回答

响应式图像调整大小

html、css

我有这样的css代码宽度小于479px .pi-hidden-2xsx-only { max-height: 5px;我的图像源使用这个类，如下所示 <a href="index.html"><img src="img/logo.png" alt="" class

浏览 2提问于2016-05-18得票数 0

1回答

在移动设备上拉伸的图标

html、css、icons、responsive

css可能有一些问题，但我找不到问题所在。我试过几次更改高度和宽度，但似乎不起作用。有人知道怎么回事吗？下面是html：以下是css和媒体查询： @mediaonly screen

浏览 0提问于2020-10-09得票数 0

2回答

CSS媒体查询或运算符(，)不按预期工作

css、media-queries

对于一个取决于查看窗口宽度的网站，我有一个媒体查询：...这工作得很好。我发现某些设备上的站点菜单被切断存在问题，因为在上面的语句中没有考虑到查看窗口的高度，所以我相应地调整了语句(菜单通常是垂直的，但是在小屏幕或小高度时，菜单应该改为水平的)：...但是，这是行不通的，但如果我将窗口(火狐和Chrome)调整为信箱大小

浏览 2提问于2015-04-20得票数 1

回答已采纳

2回答

如何编写480800和480856设备的媒体查询？

html、css、responsive-design、media-queries

我的问题是，我需要写两个媒体查询480*800和480*856设备的景观和肖像模式。请给我解释一下它是如何工作的？我已经尝试过这个查询，并且这两种设备似乎都可以在景观模式下工作。@只有屏幕和(最小宽度:480 max)和(最大宽度:854 max)和(方向:景观)

浏览 1提问于2014-02-27得票数 0

回答已采纳

4回答

图像最大宽度在媒体查询中不起作用

html、css、responsive-design、media-queries

我在媒体查询中遇到了最大宽度/最大高度的问题。基本上，我有一个图库，它使用jQuery来显示一个模态窗口。该模式窗口由模态、内容框和图像查看器组成，其中有一些按钮用于通过图像导航)。我有最大宽度/最大高度设置在大众和vh在css中，但退出按钮被切断在移动设备。目前的CSS：display: inline-block;margin: 0 auto;height: 0: 70v

浏览 5提问于2017-03-29得票数 1

回答已采纳

点击加载更多

媒体查询不使用max-width，但使用max-device-width

媒体查询在有大量媒体查询时不起作用