草庐IT

MEDIA_MOUNTED

全部标签

html - @media 打印 div : How to solve overlapping page text on header?

在Firefox的页面中打印屏幕时,我使用@media在每个页面上打印标题。我的CSS设置如下:@mediaprint{div.printDivHeader{font-family:Arial,Helvetica,sans-serif;font-size:1.0em;position:fixed;display:block;width:100%;height:auto;top:0;}}问题是第二页的内容与打印div标题重叠。(即,在第二页上,页眉不会强制页面内容向下,所以我得到的是文本覆盖文本)。有什么办法可以解决这个问题吗? 最佳答案

html - 在 Bootstrap 中禁用@media 打印?

是否可以从bootstrap中完全禁用任何预配置的@mediaprintcss样式而无需重新编译它?可以在这里看到默认应用的打印样式:https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap.css#L6837我希望我的网页能够像看到的一样打印出来,并应用所有css标签。尤其是颜色,例如:b{color:#ff0000;}为了从bootstrap中禁用打印样式,我必须用我的自定义样式再次显式覆盖every属性,例如:b{color:#ff0000!important;}但是没有一种全局方法可以禁用这些默认打印样式吗

jquery - 根据 "media screen"值调用外部JS文件

我正在尝试这个,但它不起作用:...//菜单折叠器.js:jQuery(document).ready(function($){$('.main-navigationliul').hide();$('.main-navigationli').has('ul').click(function(){$(this).children().toggle();});});您知道如何以正确的方式做到这一点吗?如果直接在带有标签的header中使用,脚本会起作用。 最佳答案 你不能直接使用Javascript做到这一点标签。媒体查询用于链接的CS

html - 检测 HTML5 Media Capture API 支持

有没有办法检测浏览器是否支持我正在构建的移动网站的HTML5MediaCaptureAPI?我似乎只能找到检测getUserMedia()支持的解决方案。我希望能够向移动用户呈现以下两种情况之一:用户的浏览器支持该API,因此会显示两个上传按钮,一个用于激活相机,一个用于激活图片库。用户的浏览器不支持该API,因此只显示一个上传按钮,如果他们的浏览器支持接受参数,希望能激活图库。 最佳答案 User'sbrowsersupportstheAPI,sotwouploadbuttonsaredisplayed,oneactivating

audio - MEDIA_ERR_SRC_NOT_SUPPORTED html5 音频问题

我正在开发一个html5音频播放器,当我从与html页面相同的主机提供.ogg文件时,一切正常。当我将ogg文件放入我的cdn时它失败并且错误代码是MEDIA_ERR_SRC_NOT_SUPPORTED例如,这很好用Yourbrowserdoesnotsupporttheaudioelement.但是上面的错误代码失败了Yourbrowserdoesnotsupporttheaudioelement.失败的音频文件的标题看起来像这样(这是来自表现出相同行为的不同ogg文件)HTTP/1.1200OKServer:CacheFlyServev26bDate:Sat,13Feb201021

javascript - Media Capture API - 任何现有的实现?

我一直在阅读草稿DeviceAPIs我想知道是否有任何MediaCaptureAPI的实现.爱立信好像有somedemosup,但是还没有发布源。还有关于Chromium的错误报告.我不介意实现是否采用以下形式:每晚构建补丁分支机构浏览器扩展回填JavaScript...只要它允许按照目前为止在标准中建议的接口(interface)进行试验。 最佳答案 Android3.0实现HTML媒体捕获规范(草案版本)。 关于javascript-MediaCaptureAPI-任何现有的实现?,

javascript - 是否有等同于使用@media 查询的javascript?

这个问题在这里已经有了答案:HowtousejavascriptconditionallylikeCSS3mediaqueries,orientation?(6个答案)关闭7年前。我有这个代码:@mediascreenand(max-width:570px){#header{.flex-wrap(wrap);.justify-content(center);#headerTitles{margin-top:1rem;}}}@mediascreenand(min-width:571px)and(max-width:950px){#header.authenticated{.flex-wr

html - @media 查询和图像交换

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭3年前。Improvethisquestion我希望我网站中的图像在浏览器调整大小时完全改变。我一直在使用媒体查询,但我似乎无法正确使用它。有什么想法/提示吗?

html - CSS:@media 查询的最大宽度不起作用

(它适用于其他浏览器,但不适用于chrome)我只想在浏览器尺寸小于1400px时应用样式max-width不工作@mediaonlyscreenand(max-width:1400px){.heading-left{left:-0.5%;}}使用min-width可以正常工作@mediaonlyscreenand(min-width:480px){.heading-left{left:-0.5%;}}但是当浏览器宽度超过1400px时也会改变(我知道它是如何工作的,但max-width不起作用)为此fiddlehttps://jsfiddle.net/j4Laddtk/

javascript - 媒体源错误 : This SourceBuffer has been removed from the parent media source

我正在试用Chrome中可用的新MediaSourceAPI。我正在尝试将二进制数据从WebSocket动态附加到视频媒体源。从https://html5-demos.appspot.com/static/media-source.html的例子开始,我的代码目前是:varwebsocket=newWebSocket('ws://localhost:8080');websocket.binaryType='arraybuffer';varmediaSource=newMediaSource();varbuffer;varqueue=[];varvideo=$('.video')[0];