草庐IT

Viewport

全部标签

javascript - 在 vue.js 应用程序中设置视口(viewport)元标记

为了开发和构建我的项目,我使用VueCLI3。在构建我的项目时,它默认将这些元标记添加到index.html。但是,对于移动设备,我想将user-scalable=no添加到viewport标签。如何覆盖这些元标记?与vue-head和vue-meta,我没有运气。这些插件只添加元标记而不是覆盖它们。 最佳答案 thanksd给我带来了正确的答案。因为VueCLI已经有了html-webpack-plugin,所以我用官方的VueCLI方式(https://cli.vuejs.org/guide/webpack.html#modif

javascript - jQuery(window).height() 不适用于移动浏览器

我有一个使用jQuery(window).height()的整页幻灯片,它在大多数浏览器上都能正常工作,但是我在我的手机(Android浏览器和Dolphin)上检查了它,幻灯片不断地增长,远远超过视口(viewport)的高度。这是我的代码:varheight=jQuery(window).height();jQuery('.slide').each(function(index,element){if(height>600)jQuery(this).height(height);elsejQuery(this).height(600);});jQuery(window).on('r

javascript - 使用 PhantomJS 进行响应式设计测试

我有一个javascript应用程序(RequireJSwithBackbone),我正在使用PhantomJS和Jasmine对其进行测试。在经历了很多痛苦之后,我终于可以运行简单的测试了。我正在使用基于此处找到的测试运行器run-jasmine.js.我的应用程序是响应式的,因为随着视口(viewport)宽度的变化,各种DOM元素的宽度也会发生变化。我知道当我创建用于测试的“页面”时,我可以在“run-jasmine.js”中设置视口(viewport)宽度。我想知道的是.....您是否能够以某种方式在单个测试套件中循环遍历一系列视口(viewport)宽度。使用“run-jas

javascript - 如何设置浏览器视口(viewport)大小

我正在尝试创建一个跨浏览器的Python-Selenium测试脚本。因此,无论我使用哪种webdriver(Chrome或IE),我都需要所有结果都相同。我可以按如下方式设置浏览器窗口大小:driver.set_window_size(1920,1080)但是下面的代码将为Chrome和IE返回不同的值:element=driver.find_element_by_xpath('some_xpath')element.location视口(viewport)区域(显示网页内容的地方)大小不同(Chrome-1910x998,IE-1904x965)尽管窗口大小相同。为了获得这些值,我使

javascript - Google map v3 信息窗口在 map 视口(viewport)外打开

如果单击map视口(viewport)顶部附近的标记,信息窗口将加载到可视区域之外,并且必须拖动map才能看到信息窗口内容。理想情况下,我不希望map自动平移。有没有办法以不同的方向加载信息窗口,例如如果标记位于视口(viewport)的顶部,则向下显示信息窗口。 最佳答案 不,您不能以不同的方向打开谷歌的默认信息窗口,因为您没有实现自己的信息窗口类。但是您可以禁用自动平移,只需将TRUE传递给InfoWindowOptions对象的disableAutoPan属性,如documentationsaid.

javascript - ExtJS TabPanel 在 ViewPort 中缺少滚动条

我有一个ViewPort,我想打开多个选项卡。我的一个标签真的很长,应该会从页面底部滑落。但是,侧面缺少滚动条。这是我的视口(viewport)设置:varviewport=newExt.Viewport({layout:'border',enableTabScroll:true,deferredRender:true,items:[newExt.BoxComponent({//rawregion:'north',el:'north',height:32}),{region:'west',id:'west-panel',title:'West',split:true,width:200

javascript - qTip 视口(viewport)调整不起作用

我已经解决了这个问题,但我想分享一下,因为我看到很多人都在处理这个问题,但没有足够的解决方案可用。qTip视口(viewport)调整对我不起作用。 最佳答案 第一个问题:当我第一次下载qTip时,我忘了包含这个库:第二个问题:我没有正确设置它:获取此功能的最简单方法可在此处查看://Createthetooltipsonlywhendocumentready$(document).ready(function(){//MAKESUREYOURSELECTORMATCHESSOMETHINGINYOURHTML!!!$('.qtip

javascript - 计算螺旋半径,使螺旋中的模型位于平截头体内

我正在构建一个应用程序,我在其中展示了一些带有纹理的平面。但是,我想根据平截头体宽度和相机位置动态计算螺旋的半径(我在计算中使用它来创建螺旋)。螺旋位于屏幕中心x=0,y=0,z=0。我希望考虑屏幕方向(横向/纵向)。到目前为止,这是我拥有的代码,但似乎我遗漏了一些东西,因为左侧和右侧的平面不在视口(viewport)。App.prototype.calculateHelixRadius=function(){//planewidth=height=512;varfriend=this.getFriend();varvFOV=friend.camera.fov*Math.PI/180;

javascript - Facebook、Instagram 和 Twitter 浏览器未返回正确的视口(viewport)高度

在过去的几周里,我一直在寻找适用于所有这些社交浏览器或至少适用于facebook的修复程序,但尚未找到任何解决办法或找到任何有用的东西。我看过的最近几篇关于设置调整大小功能的帖子对我不起作用。我试过了JSfunction_fixViewportHeight(){varhtml=document.querySelector('html');function_onResize(event){html.style.height=window.innerHeight+'px';}window.addEventListener('resize',_.debounce(_onResize,125,

javascript - D3 物理重力

我正在尝试使用D3库设计一个物理重力模拟,但运气不佳。'layout'APIreference声明物理重力可以通过正“电荷”参数实现,但我不确定这将如何工作。我现在尝试实现的是一个SVG元素,它包含多个可变权重和大小的矩形,它们以不同的速度上升,最终离开视口(viewport)——它们的权重将定义它们上升的速度.(基本上,我只是想在视口(viewport)顶部之外实现全局引力。)按照D3的兵力布局,有没有可行的办法呢?我只是在寻找概念性的解决方案,但也欢迎示例和代码片段。提前致谢! 最佳答案 这里有几个想法:您可以直接在tick事件