草庐IT

size-full

全部标签

javascript - 浏览器 F11 全屏未注册到 -webkit-full-screen 或 Javascript API

我正在使用javascript(例如,requestFullscreen)和css(:-webkit-full-screen)API来检测浏览器是否处于全屏状态。我对这些API没有问题,因为它们可以成功运行。我遇到的问题是,如果用户点击F11,它不会在浏览器环境中注册,并且用于全屏检测的javascriptapi和CSSapi不会检测全屏。有什么办法可以解决这个问题吗?我有一些动画取决于屏幕的大小(关于全屏),我已经走到了死胡同。 最佳答案 值得一看(function(){varchecktimer;functionisFullSc

html - 在一行中声明所有 CSS 背景属性——尤其是 background-size

这是我的代码:background:url(images/my-image.png)no-repeatcentercenter/cover;这在Chrome和Firefox上运行良好,但出于某种原因在Safari上运行不正常?我曾经在它自己的行上声明我的background-size但据我所知,应该可以使用正斜杠在一行中声明所有属性?任何帮助将不胜感激。谢谢。 最佳答案 由于一行简写代码对于safari浏览器来说似乎是未知的封面含义:background:url(images/my-image.png)no-repeatcenter

相当于 "font size+2"的 HTML 样式标签

临时增加字体大小然后恢复正常的新“样式”方法是什么(不使用CSS,或者CSS是更好的方法?)。我想在文本中插入一个希伯来语单词,对于初学者来说,希伯来语字体太小了。我总是希望它比当前的字体大小大,而不是与某些特定大小Hook。下面的第1行有效(旧的做事方式)。第2行的修复是什么?Thisisnormal.biggerbacktonorm.andalsobigger. 最佳答案 我会创建一个类(比如.hebrew)并将字体大小属性设置为1.2em。这样,无论周围文本的字体大小如何,带有希伯来语类的文本都会大20%。.hebrew{fo

html - 如何将 background-size 设置为 "cover",再加上 CSS 中的更多内容?

我有一个固定高度为850像素的容器。我想要一个背景图片,它可以在所有缩放级别覆盖整个背景。我会使用background-size:cover但是,我需要它比cover大一点。为了创建视差,我希望一些背景从容器中渗出并且看不见。基本上,我如何使用background-size:cover,并在此基础上稍微增加尺寸?编辑:忘了说我也在使用background-attachment:fixed,所以如果我没记错的话,它实际上是通过浏览器窗口的大小(?)而不是850像素高的容器。在这种情况下,我将如何添加额外的出血? 最佳答案 只需使用ba

javascript - 如何: Reduce font-size if a line breaks

我在div中有一个跨度,div必须保持200像素宽,并且文本必须适合div中的一行。跨度内的文本是动态生成的,所以我不可能知道哪些内容会换行,哪些不会。Thissentenceistoolargetofitwithinthediv.如果我使用CSS属性white-space:nowrap;,文字将溢出到div的外部,这当然是我们不希望的。如何根据是否换行来减小字体大小(或缩放)?我更喜欢CSS答案,但我知道这是否超出了CSS的能力范围。 最佳答案 一个相当讨厌的方法:循环减少溢出的跨度,直到它小于div宽度;vardivWidth=

html - 如何仅覆盖页面上一个区域的 CSS Box Sizing?

我的TwitterBootstrap文件中有以下CSS:*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}这导致我的TinyMCE编辑器出现问题,主要是调整文本区域的大小。无论如何,如果我删除上面的代码,一切都很好,但显然我需要它,否则Bootstrap的其余部分就会中断。那么我该如何为TinyMCE覆盖上面的内容呢?我试过这个:.tinymce-editor,.tinymce-editor:before,.tinymce-editor:a

html - Flex basis 100% in column flexbox : full height in Firefox, not in Chrome

我想要一列任意数量的div,每个div的宽度为100%,高度为父div的100%,因此一个最初是可见的,而其他的则向下溢出父级。我已将div设置为具有flex:00100%;,在父div中带有display:flex和flex-direction:column实现这一目标。父div本身的高度未知,所以它也是display:flex和flex-direction:column的child,设置为flex:100占用其容器中的剩余空间。在Firefox中,输出如我所愿:但是,不在Chrome中:如何在没有Javascript的情况下在Chrome中实现Firefox风格?您可以在http:

html - Bootstrap 3 : Push/pull columns only on smaller screen sizes

我在页面上有以下布局:12345---------------------------------|1|2|3|4|5|---------------------------------但在较小的屏幕尺寸上我想要以下布局:15234----------------------------------|1|5|----------------------------------|2|3|4|---------------------------------(注意列顺序的重新排列。)是否可以仅在较小的屏幕尺寸上推/拉列?我尝试了以下方法,但布局最奇怪,而且似乎丢失了5完全……:12345

iphone - iPhone 5 上的移动版 Safari : Visible area size?

iPhone5上的MobileSafari在默认配置下(横向和纵向)的可见区域大小是多少? 最佳答案 iOS6根据KyleLarson的文章iPhone5WebDesign,决议是:纵向:640×888像素(=320×444双像素)横向:1136×392像素(=568×196双像素)这是导航栏,即默认配置,就像我在问题中写的那样。iOS7根据@aSTLetron,决议是:纵向:640×920像素横向:1136×424像素 关于iphone-iPhone5上的移动版Safari:Visib

javascript - react native : how to get file size, mime 类型和扩展名?

我知道react-native-fs和react-native-fetch-blob,但我缺少像getFileInfo(file)这样的简单辅助函数。所需的伪代码:letfileInfo=getFileInfo('path/to/my/file.txt');console.log('filesize:'+fileInfo.size);console.log('mimetype:'+fileInfo.type);console.log('extension:'+fileInfo.extension);获取文件大小、MIME类型和扩展名的正确方法是什么?提前致谢!