草庐IT

Media-Queries

全部标签

c# - 如何使用System.Media.SoundPlayer异步播放声音文件?

这是一个看似简单的问题:在Windows窗体中异步播放嵌入式.wav资源文件的正确方法是什么?尝试#1:varplayer=newSoundPlayer();player.Stream=Resources.ResourceManager.GetStream("mySound");player.Play();//NotethatPlayisasynchronous好:不会阻塞UI线程差:SoundPlayer和嵌入式资源流不是立即处置。尝试#2:using(varaudioMemory=Resources.ResourceManager.GetStream("mySound")){usi

c# - 新手 LINQ 问题 : Is Paging in LINQ Queries Possible?

是否可以在Linq查询中使用“分页”功能?假设我有一些这样的XML:ChoiceOneChoiceTwoChoiceThree...ChoiceForty-EightChoiceForty-NineChoiceFifty如果我想实现分页功能,我是否能够为LINQ查询提供一个偏移量,以便我可以从第11个元素开始并在第20个元素结束?如果是这样,如果数据是对象列表而不是XML,查询会有什么不同吗? 最佳答案 varq=fromXinChoices.Skip((page-1)*pageSize).Take(pageSize)selectX

javascript - 基于媒体查询的可选 Javascript 执行

我正在尝试弄清楚如何根据当前设备/媒体查询有选择地运行一段javascript。我使用的是TwitterBootstrap,基本上有两个版本的媒体查询:@media(min-width:980px){...}@media(max-width:979px){...}我有一张自己生成的map,但出于宽度和宽度的原因,我没有在移动/小屏幕版本中显示它。然而,javascript仍然在后台执行,即使您在移动屏幕上看不到它。所以,我试图在javascript中找到一种方法,我可以在其中执行以下操作://ImaginaryfunctionvarscreenType=getScreenType();

javascript - max-device-width 是指 document.body.clientWidth 吗?

在媒体查询中,我见过max-width、min-width、max-device-width和min-设备宽度和方向。从JavaScript的Angular来看,这些是指document.body.clientWidth吗?或者window.outerWidth?我还看到有document.body.offsetWidth。是否有资源列出所有有效的css媒体查询参数以及与它们匹配的JavaScript属性? 最佳答案 因此,您需要一个在JavaScript中等效的所有有效css媒体查询参数的列表。让我们试着去做,依靠mediaque

javascript - 继电器 : How to merge instead of override queries in nested routes?

我无法在我的应用程序中导航到/users,因为它不会触发提取我期望的所有查询。我的应用程序由一个App组件和一些包含实际内容的组件组成,例如Dashboard或UserList。还有一个EnsureAuthenticationContainer但这只是一个组件,当用户通过身份验证时,它只是呈现它的child。这是我的路线设置:constViewerQueries={viewer:()=>Relay.QL`query{viewer}`};[...]问题是,App和UserList都定义了碎片,似乎只发送了UserList的查询。App片段:fragments:{viewer:()=>{r

javascript - echarts 媒体查询不适用于 Bootstrap(轮播)

我有一个带2张幻灯片的Bootstrap轮播。两张幻灯片都使用2x2的Bootstrap网格在其上显示图表。他们工作正常,但我正在尝试实现响应式媒体查询,但似乎无法正常工作。我用了baseOptions和media定义选项,但图表未加载且控制台未显示任何错误。我试图定义具有内联样式的容器width和height即style="width:100%;height:400px;"我也尝试定义width和height像这样在CSS中-.mychart{width:100%;height:400px;}javascript如下所示。//withinlinestyle//withCSSclass

javascript - 使用媒体查询添加类或其他属性

我目前正在使用CSS媒体查询来定位一些中小屏幕设备,如下所示:@mediascreenand(min-device-width:480px){...}@mediascreenand(min-device-width:720px){...}这按预期工作,我可以将样式应用于某些特定的选择器,但是..我想知道是否有一种方法可以根据媒体查询向选择器添加类或其他属性。我的想法的例子:@mediascreenand(min-device-width:480px){body{addClass('body-iphone')}}有没有办法用CSS或JavaScript做到这一点?

javascript - 告诉 html 文档如果移动设备不要加载 js

我正在厚颜无耻地在这里寻找一两行代码:有人可以提供代码放在html文档的head部分,说明如果移动则不加载JS吗?这与以下CSS媒体查询结合使用:所以我正在寻找一段基于相同规则的代码:media="onlyscreenand(max-device-width:480px)"非常感谢 最佳答案 给定:“如果是移动设备,则不加载JS”,并假设“移动设备”是由宽度为480像素或更小的屏幕定义的,那么类似下面的内容应该可以工作:if(screen&&screen.width>480){document.write('');}只有当屏幕宽度大

javascript - CSS 确定事件媒体查询

在Javascript中是否有直接的方法(不涉及解析css代码)来确定哪个媒体查询处于事件状态?例如我有两个查询:@mediascreenand(max-width:800px)@mediascreenand(min-width:801px)在不解析和查看clientWidth的情况下,我如何判断其中哪一个已评估为真。 最佳答案 虽然这是一个老问题,但在谷歌搜索此问题时它的排名很高。Window.matchMedia是官方的,并得到allmajorbrowsers的支持(IE10+)并将允许您查询某个媒体查询当前是否匹配。来自原始问

javascript - 使用媒体查询进行移动优化的背景而不是内联图像?

我通过媒体查询对我的网站进行了移动优化。一切看起来都如我所愿,但正在下载不必要的图像(因为它们被css隐藏),从而减慢了页面加载时间。对此最简单的解决方案似乎是用带背景图像的div替换尽可能多的内联图像。然后我可以用移动版本的媒体查询css隐藏div。我知道这有潜在的缺点,在这篇文章中有很好的概述:WhentouseIMGvs.CSSbackground-image?因此公司Logo、员工照片等将保留为内联图像。我的方法是否有任何我没有考虑过的问题?我阅读了很多关于移动优化的文章,尤其是关于媒体查询的内容,但我还没有听说有人这样做,尽管这似乎是一个非常明显的解决方案,其中图像可以内联或