我正在使用@media query，但我在不同屏幕上编写的代码不起作用

文章/答案/技术大牛

发布

1回答

css、responsive-design、media-queries、responsive

我在这个网站上的第一个问题。如果我做错了什么，我很抱歉这是我的@media查询代码； @media only screen and (min-device-width:992px) and (max-device-width:1199px){ max-width: 100%; width: 100%;} 我不知道为什么，

浏览 18提问于2021-08-31得票数 0

2回答

固定响应设计

html、css、responsive-design

我编写了以下代码，以某种方式在大屏幕(>800 on )上显示页脚项。它在大屏幕上正常工作，但现在这个设置也适用于较小的屏幕(< 800 to屏幕)。我只想把这个弹性设置应用到大屏幕上.我在这里做错什么了？@media (min-width: 800px) { font

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

回答已采纳

3回答

使用媒体查询的最佳方式

css、media-queries

我以前从来没有使用过媒体查询，我真的不确定我的代码是否能在所有设备上正常工作。因此，我想请您谈谈您的经验和知识，并告诉我在一些特殊/任何设备上可能出现的问题。经过一些阅读，我决定采用我认为的简单方式，并使用简单的规则： @media (max-wi

浏览 0提问于2015-10-31得票数 0

2回答

使用桌面浏览器而不是移动设备的媒体查询

css、mobile、responsive-design、media-queries

我目前正在努力使我的投资组合网站响应。我的媒体查询似乎是在桌面上进行的，但当我在移动(iPhone 4)上查看它时，事情就变得不正常了。这是我的iPhone 4上的一张照片由于某些原因，background似乎被切断了，即使媒体查询width应该覆盖设备，而且我的移动nav也没有加载。我</

浏览 4提问于2016-04-02得票数 1

3回答

如何使我的自定义HTML小部件在不同的屏幕大小下以不同的方式显示？

html、css、wordpress、responsive-design、media-queries

请容忍我--我正在尝试学习HTML/CSS。我有一个怎么做的网站，。我想在我的主页上突出显示“成功的3个步骤”，所以我在Zerif Lite主题的“我们的焦点”部分创建了自定义的HTML小部件。我确信我做这件事的方式很糟糕，但在我的桌面上，我已经

浏览 3提问于2017-09-16得票数 1

5回答

根据屏幕分辨率显示内容

javascript、jquery、screen-resolution

我有一个网站上有一些内容。基于用户的屏幕分辨率，我想要显示不同的内容，以便移动设备将有一些其他内容，但网站的其余部分将是相同的。我做了一些研究，似乎唯一可能的方法是使用javascript。我大部分时间都在编写PHP，所以我的javascript写得很烂，所以如果有人能给我提供一个简单的脚本，那就太好了。我需要

浏览 2提问于2011-09-01得票数 0

回答已采纳

3回答

对于小窗口大小，react侧边栏不会关闭

javascript、html、css、reactjs、responsive-design

我有一个反应侧边栏与纯粹的css展开/折叠动画，我真的喜欢。除了默认情况下，在本例中每次打开我的页面/ jsfiddle时，侧边栏都会默认关闭。我收集了css文件中的所有@media查询，并对其进行了更改，因此当窗口很大时，侧栏会变黄。如果窗口变小，侧边栏会变成红色。我的侧边栏展开/折叠逻辑是纯css，如果窗口太小(边栏颜色=红色)，我希望侧边栏折叠，

浏览 16提问于2022-07-27得票数 0

回答已采纳

2回答

如何在小屏幕上使水平滚动居中

css、scroll

我在制作小屏幕的屏幕中心时遇到了问题width:1500px;position:relative; 为了让它居中，它在大屏幕上很好，但在小屏幕上会出现一个水平滚动，它的所有内容都在左边，默认情况下我</

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

1回答

聚合物芯.介质.响应性布局的查询元件

html、media-queries、polymer

目前，我正在努力使用聚合体的核心媒体查询元素建立一个响应性的网页。我有一个简单的div容器，有两个子元素，我希望在大屏幕上水平对齐，在小屏幕上垂直对齐(例如。(电话)。我使用文档中的，但没有让它对我起作用。我还尝试了一种不同的方法： <

浏览 2提问于2014-12-04得票数 0

回答已采纳

1回答

如何在带有Rails 4的css中使用打印样式？

css、ruby-on-rails

我的application.css.scss文件中有以下内容： form, img { }但是当我试图从我的网站打印一个页面时，页面上的表单和图像仍然会出现在打印输出上。在开发中，application.css文件的顶部如下所示： * This is a manifest file ...@media print {

浏览 1提问于2013-10-02得票数 4

回答已采纳

2回答

为SD卡上的多个文件夹构造MediaStore查询uri

android、mediastore

您好，我正在尝试通过MediaStore查询返回SD卡中不同特定文件夹中的图像。到目前为止，我可以成功地查询一个文件夹，但我陷入了如何为多个文件夹做这件事上。代码如下： MediaStore.Images.Media

浏览 1提问于2011-10-06得票数 1

5回答

如何使用CSS媒体查询来检测设备方向？

browser、css、tablet、media-queries

在JavaScript中，可以使用以下命令检测方向模式： portrait = true; portrait = false;但是，有没有一种方法可以只使用CSS来检测方向？例如：类似于： @media only screen and (width > height) { ... }

浏览 5提问于2011-04-21得票数 178

回答已采纳

1回答

在减小页面大小时，还要保持导航栏不变

html

所以，我对HTML5编码和CSS的了解非常有限。我正在为我的职业健康和安全咨询公司开发一个网站。我已经开始使用导航栏、徽标和导航按钮。然而，我似乎不能让文本在导航栏中间垂直居中，也不能让它们在水平方向上被阻挡。此外，我还注意到，当我增大和减小浏览器大小时，文本实际上会移出导航栏。我似乎不能在这里发布我的代码

浏览 21提问于2019-02-19得票数 0

回答已采纳

2回答

为什么我的网站的页面宽度不同

css、web、display

我有个网站。在15.6台笔记本电脑中，页面宽度是完美的。但是当涉及到更大的显示器时，它就被毁了。你能帮忙吗？是否添加任何@媒体样式？谢谢

浏览 2提问于2018-09-30得票数 0

回答已采纳

1回答

使用@media的CSS覆盖jQuery样式

jquery、css、media-queries

我有一些jQuery脚本来定位侧边栏菜单，以便与屏幕一起向下滚动：<script type="text/javascript"> $(window).scroll(fixDiv); });</head> 这在桌面上运行良好，但在平板电脑和移动设备上缩放时表现不同，因为div固定在

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

2回答

根据设备的大小激活图像滑块

javascript、jquery、html、css、twitter-bootstrap

目前我的代码非常重复和冗长，对我来说这不是干净的代码。在大型设备上使用时： <ul class="ul-class-name"><

浏览 1提问于2014-07-06得票数 0

4回答

关于CSS媒体查询

css

我首先为手机制作了一个网站，但是我真的很困惑地为桌面版本添加了一个独立的css。我应该把我的最大宽度-500 put的所有代码并为桌面编写独立的CSS吗？

浏览 0提问于2020-05-03得票数 0

回答已采纳

4回答

检测移动邮件客户端的标准方法？

iphone、html、css、email、mobile

例如，如果在内置的iPhone邮件客户端上打开一封电子邮件，它将显示一个专门为iPhone格式化的邮件版本。如果在平板电脑或桌面上打开，它将显示为完整、全尺寸的电子邮件版本。这在原则上类似于拥有移动友好版本的网站，这些网站通过检测用户代理自动加载-但用于电子邮件客户端。那么-是否有可能检测到用于打开电子邮件的邮件客户端，并相应地格式化邮件？也许是一种检测屏幕分辨率的方法？

浏览 16提问于2011-03-16得票数 15

回答已采纳

3回答

Wordpress query_posts posts_per_page不工作

wordpress

我不明白为什么这不限制posts_per_page。它显示了一个非常长的帖子列表，但我只想显示4个 if(have_posts

浏览 0提问于2011-10-01得票数 1

回答已采纳

2回答

响应性网页设计会使社交媒体按钮在较小的屏幕上重叠徽标。

html、css、responsive-webdesign

我已经有一段时间没有开发一个网站了，目前正在为一个朋友的小公司开发一个网站。我组合了一个简单的设计，并且能够让内容本身具有响应性(响应性设计对我来说都是非常新的)，但是我不知道如何处理我在标题中添加的社交按钮。📷 它们在桌面上看起来不错，但是当我试图让这个网站在桌面和手机上看起来都很漂亮的时候，我不知道在移动屏幕上</e

浏览 0提问于2018-02-25得票数 0

点击加载更多