我得到了一个页面，该页面应该由用户以不同的格式打印。因此，我有几个断点，以便根据格式(A4、A5、横向等)使其看起来略有不同。我注意到一个问题，但是在Safari浏览器(版本13，14)中，当按下print (CMD + P)时断点不会被触发。触发带有@media print的单一介质，但不触发宽度介质。有没有办法强制浏览器触发这些？强迫用户在打印之前调整窗口大小远非最佳。 我做了一个简单的repro。矩形应该根据窗
浏览 13提问于2021-01-04得票数 1
2回答
我有一个只有当设备宽度为平板或更低的“最大宽度:1024 max”时才会出现的safari问题。是否可以在另一个媒体查询中嵌套媒体查询？and (max-width:1024px){ {
浏览 4提问于2015-06-11得票数 0
回答已采纳
1回答
我被卡住了，试图扩展一些媒体查询。我有一个基于最大宽度的查询和一个基于最小宽度的查询，如下所示：/* styling goes here *//* styling goes here */我想扩展第一个查询，以便在任何识别自己处
浏览 1提问于2013-04-19得票数 2
回答已采纳
我正在尝试使用媒体查询来根据窗口的宽度以块为单位更改元素的宽度(这允许我在不更改列的宽度的情况下增加页面上的列数)。percent based.*/ div#page { }媒体查询将在窗口的最小宽度达到42 * 16px时触发
浏览 3提问于2010-12-31得票数 8
回答已采纳
我试过添加最小宽度，但不起作用，然后我尝试了最大宽度的方法，我只能处理那个媒体查询。下一次媒体查询无法正常工作。谢谢。and (min-device-width:334px) {
html.safa
浏览 0提问于2016-05-18得票数 0
1回答
在Chrome检查中，有一个选项可以“显示媒体查询”，这将导致在窗格顶部显示两个额外的“条形图”。(见图)
A淡蓝色的酒吧a黄色的酒吧，的灰色的酒吧顶部(似乎已经在那里)。
浏览 8提问于2021-11-25得票数 1
6回答
CSS媒体查询(媒体屏幕)
、、、、
我有以下关于我的WordPress主题的查询，它们是很多的;/这是我不明白的。他说:我不明白什么是“最大”(，这个是非常奇怪的)这是密码。
浏览 2提问于2016-08-30得票数 0
回答已采纳
3回答
我有一个网页应用程序，看上去很好时，在Safari，但打印媒体查询没有受到浏览器的尊重。在Chrome中，整个可打印区域看起来很好，但在Safari中，它似乎只是可视内容的一些变化。当在页面上向下滚动时，页眉或顶部区域被切断，当打印到页面的较高位置时，底部会被切断。我已经尝试了以下的印刷媒体查询(没有效果)-
设
浏览 0提问于2016-07-30得票数 16
由于我需要动态地将元素添加到容器中，所以我需要在javascript中获得容器的高度和宽度。直到我使用CSS中的媒体查询来支持移动设备，它才能完美地工作。集装箱有固定的高度和宽度在px，但当它到达移动设备，它太大，我希望它采取100%的设备高度。中：console.log ($(".container-div").width());
当不触发
浏览 2提问于2013-11-12得票数 2
1回答
我可以根据窗口大小设置样式吗？
、、、、
我为iframe设置了一种风格，即youtube视频： width: 450px !important; }
浏览 0提问于2015-05-26得票数 1
回答已采纳
1回答
我目前有一个网站，可以在iPad 1和2的Safari中正常渲染，也可以在Chrome1Chrome中正常渲染，但是iPad 2的Chrome2不能正确地接收我的纵向模式的媒体查询。我使用的css查询：这会毫不费力地抓住所有其他浏览器。
浏览 0提问于2012-10-30得票数 1
回答已采纳
当我使用v-容器时，它会自动在浏览器的67%变焦时获得完全宽度，而对于其余部分，它工作得很好。我没有使用流体性质。
浏览 2提问于2020-05-19得票数 0
"screen and (最大宽度: 31.9375em)“匹配时，$scope.$on匹配将触发。然后我有以下几点：当我用与媒体查询匹配的宽度加载页面时，我可以看到vm.plan类被应用到表中.问题是当打开大宽度的页面时。当我将其调整为mobil时</e
浏览 1提问于2016-04-10得票数 1
回答已采纳
当浏览器宽度小于900像素时，如何折叠边栏第一个区域？在主题的.info文件中设置如下:设置侧边栏_第一_宽度=4，如何编程地将上面的设置更改为0，以便当包含的浏览器宽度小于900像素时，边栏第一个区域不会占用页面中的任何空间？一种可能的方法是利用主题相关.css文件底部的媒体查询，以便当基于以下链接的不足900个像素时，侧栏第一个区域被折叠：http://www.alistapart.com/artic
浏览 0提问于2012-01-04得票数 0
回答已采纳
在使用CSS进行媒体查询时，我注意到，用于移动设备的最小宽度和最大宽度的像素值似乎与设备的实际宽度无关。例如，如果我要针对一个景观iPhone 5，我可以使用max-width:568px，它会被触发，但如果我谷歌iPhone 5分辨率，我看到它的长侧面实际上是1136 is。为什么该设备的半数分辨率被用于媒体查询？
更重要的是，如何在仍然对桌面使用相同查询的情况下阻止这种情况发生
浏览 2提问于2015-05-19得票数 1
回答已采纳
1回答
它在desktop-browsers上工作--以及iPad上的chrome/safari。我根本不使用任何媒体查询。如果我为视图设置了固定的像素宽度，设备宽度。比高度都好，占高度的100%。但我不想硬编码视口宽度：下面是截图。但是正如你所看到的，
浏览 1提问于2013-11-08得票数 1
2回答
我已经在我的网站上找到了所有的em和px断点，但我不确定使用以下哪一个媒体查询：
例如:在我的网站上，我的导航中断在43.75em什么是正确或最好使用的媒体查询我的网站。如有任何建议或建议，将不胜感激。我自学成才，HTML5 & CSS3似乎无法掌握媒体查询<
浏览 1提问于2013-12-22得票数 0
回答已采纳
1回答
如果我将max-device-width用于媒体查询，当我旋转平板/电话时，媒体查询中的css不会生效，如果刷新页面，则应用正确的样式。如果我将媒体查询更改为最大宽度，那么在平板电脑/手机上一切正常，但我可以在桌面上看到整个响应过程，这是我不想看到的。我使用以下元标记：
<meta name="viewport" content="width=
浏览 3提问于2013-11-23得票数 0
我在尝试阻止iPhone调整HTML电子邮件的大小以适应屏幕时遇到了一个问题。似乎下面的代码在放入该部分时没有任何效果。
我的目标只是停止字体大小调整。@media screen and (max-device-width: 480px){ /*fixes在移动Safari中字体太大*/ html，正文，表单，字段集，p，div，h1，h2，h3，
浏览 43提问于2012-08-04得票数 16
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
