草庐IT

Viewport-units

全部标签

javascript - 在 IE 6 中如何让 float 页脚粘在视口(viewport)底部?

我知道使用position:fixed会很容易,但不幸的是我坚持支持IE6。我该怎么做?我宁愿使用CSS来保持干净,但如果我必须使用Javascript,那也不是世界末日。在我当前的实现中,我有一个漂浮在主要内容区域上方并使用Javascript定位的“float页脚”。即使使用Javascript,我现在的实现也不是特别优雅,所以我的问题是:有没有不用Javascript的方法?如果我必须使用Javascript,是否有解决此float页脚问题的“好”解决方案?我所说的“好”是指可以跨浏览器工作的东西,不会使浏览器的资源过载(因为它必须经常重新计算),并且优雅/易于使用(即写像这样的

javascript - 有多少元素在视口(viewport)中可见

页面上有一个div(棕色矩形)。页面高于视口(viewport)(橙色矩形),因此可以滚动,这意味着div可能只显示部分或根本不显示。判断div有多少百分比在视口(viewport)中可见的最简单算法是什么?(为了使事情更简单,div总是水平地适合视口(viewport),所以在计算时只需要考虑Y轴。) 最佳答案 请参阅fiddle中的另一个示例:https://jsfiddle.net/1hfxom6h/3//*jslintbrowser:true*//*globaljQuery,window,document*/(functio

javascript - 将 bootstrap popover 保持在视口(viewport)内

我正在尝试使用带有按钮的侧边栏创建一个菜单,每个按钮都有一个包含相关数据的指定弹出窗口。不幸的是,其中一个弹出窗口可能包含任意数量的行,并且在某些情况下它可能部分位于视口(viewport)之外。参见http://jsfiddle.net/bfd9f/1/有关问题的示例(单击“任务”按钮)我想我可以通过编程将弹出窗口的顶部更改为一个定义的值,当负值(即在视口(viewport)之外)时,为了做到这一点,我已经设法在收听show.bs.popover事件。不幸的是,我认为由于它尚未呈现,它的大小似乎为(23,107),而它应该类似于(300,xxx)并且位置为(0,0)。有没有办法解决这

javascript - 如何将以 vh 给出的元素的高度转换为像素?

我将一个元素的最大高度设置为65vh。我需要在我的JavaScript中将它转换为像素,以查看图像是否适合那里,或者我是否需要缩小/裁剪它。(正在做win8App开发)。这行得通吗?100vh=screen.height因此65vh的像素为screen.height*0.65 最佳答案 不一定是screen.height*0.65,而是viewport.height*0.65。即使Windows8应用程序始终具有相同的高度,无论处于何种对齐状态,这也是基于浏览器的应用程序的一个重要区别。在JavaScript中:document.d

javascript - 如何让图像仅在视口(viewport)中延迟加载?

最近我看到很多网站,主要是教程网站,它们有很多图像,而且它们只在图像进入视口(viewport)后才将图像加载到页面下方?我该怎么做呢?当您向下滚动页面时,视口(viewport)下方的图像会淡入 最佳答案 没有任何Javascript就可以做到我们现在越来越多地支持这种标准化的非JavaScript方法,这非常令人兴奋!https://caniuse.com/#feat=loading-lazy-attrhttps://html.spec.whatwg.org/multipage/embedded-content.html#att

javascript - 编写 "unit testable"jQuery 代码?

直到现在,我习惯于在ready()函数中编写所有代码,例如:$(document).ready(function(){//allmycode});现在我看到使用这种方法时,我的代码不是“可单元测试的”,例如我无法从QUnit访问ready()中的内容。构造与使用ready()函数兼容并能够被测试的jQuery代码的正确方法是什么?有没有好的开源代码库或项目可以学习借鉴? 最佳答案 将您的代码放在就绪处理程序中,只调用就绪处理程序之外的函数:$(document).ready(function(){//callsomefunction

javascript - 如何在 WordPress 中根据视口(viewport)大小提供不同大小的图像?

可能是一个非常基本的问题,因为对程序的了解较少,但我认为没有问题不那么重要。在WordPress中我们有4种默认尺寸:原始(无处不在)-无裁剪大-通常为1024×1024中等-通常为300×300缩略图-通常为150×150-严格裁剪我们可以编辑/停用除原始尺寸之外的所有默认尺寸,并可以添加/编辑/删除任何自定义尺寸,甚至可以使用宽屏设备的自定义脚本启用2x支持。但这就是我的理解停止的地方——我们有了我们想要的图像及其尺寸,现在呢?我们如何根据视口(viewport)大小显示/传送它们?假设我有一段代码是:'alignleft'));?>如果我需要在此处放置2倍(更宽)版本的图像(而不

php - 这个 Facebook 错误 : "An error occurred with PHP SDK Unit Tests"? 的原因是什么

我在我的网站上使用Facebook登录并查看此示例:https://github.com/facebook/php-sdk/blob/master/examples/example.php当我在示例站点上点击“使用Facebook登录”时,出现错误:AnerroroccurredwithPHPSDKUnitTests.Pleasetryagainlater.知道为什么会发生这种情况吗? 最佳答案 我之前遇到过同样的错误(现已解决)。我犯的错误是使用旧方法调用FacebookAPI,即$appid='xxx';$secret='xxx

php - pcre.backtrack_limit 的 "unit"是什么?

我遇到一个问题,由于pcre.backtrack_limit,具有复杂正则表达式的preg_replace()会导致错误(PREG_BACKTRACK_LIMIT_ERROR)太低,默认设置为1,000,000。我将它设置为10,000,000,它适用于这个特定的应用程序。我的问题是,回溯限制松散定义的“单位”到底是什么?1,000,000数字是否对应于内存大小?如果不是,这意味着什么?我试图了解在我的环境中对此设置的合理设置。引用preg_replace:http://us3.php.net/manual/en/pcre.configuration.php#ini.pcre.back

java - 以编程方式访问 JPA <persistence-unit-metadata>

是否可以访问中的信息?通过JavaAPI?MySchema我想通过JPAAPI或EclipseLinkAPI读取模式“MySchema”,这是我使用的实现。类似于:entityManager.getDefaults().getSchema();可以转换或使用任何EclipseLink类,这很好。谢谢 最佳答案 经过一段时间的调试后,我找到了访问实体架构的解决方案。EntityTypeentity=emf.getMetamodel().entity(MyEntity.class);EntityTypeImplentityTypeImp