草庐IT

viewport-vw

全部标签

android - 在创建/渲染 scene2d 舞台后重置视口(viewport)

在我的游戏中,我使用自定义世界坐标系绘制了一个scene2dStage。然后我想绘制一个调试UI,上面有一些像FPS这样的文本,但只是使用屏幕坐标,即文本位于屏幕右上角的位置。我的主要渲染方法看起来像这样:@Overridepublicvoidrender(floatdelta){Gdx.gl.glClearColor(1,0,0,1);Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);gameStage.act(delta);gameStage.draw();debugInfo.render(delta);}Stage设置自定义视口(viewport)

android - 如何配置我的 Phonegap 应用程序以根据手机的分辨率相应地缩放其视口(viewport)?

我正在使用Phonegap开发Android应用程序。这是一款“问答”游戏,与大多数移动应用程序相比,它的布局比较复杂。如何配置为在不同分辨率下自动重新缩放?直到现在,我都在做与创建简单网页相同的过程:切片图像并使用CSS将其放入HTML中。但我注意到计划的分辨率约为540x960,比我习惯的许多手机都要大。 最佳答案 我不确定,但我认为在我的例子中,index.html中的这一行是这样的:希望对您有所帮助:)。我猜你所拥有的图像与不同的分辨率和媒体查询有关! 关于android-如何配

android - 我认为适用于 Android 的谷歌浏览器有一个奇怪的视口(viewport)高度错误,应该修复它。目前,你如何处理它?

一段时间以来,我在Android版Chrome上遇到了height:100%(或100vh)的问题。在这里,我有一个页面和一个带有height:100vh的蓝色div。黄色block的高度:50vh。当我向下滚动时,地址栏消失了,这使得视口(viewport)大小发生了变化!因此,所有基于此的内容也会发生变化,如您在此处所见:.所有内容都会增加55px,这是地址栏的确切大小。这太烦人了。我在加载时通​​过height()临时修复了它,但它是jQuery,所以它使我的网站不必要地变慢。你是怎么处理的? 最佳答案 不幸的是,目前还没有令

Android OpenGL 以原始(小)分辨率渲染到 frameBuffer,然后将其缩放(viewPort)到屏幕尺寸

我有一个NV21(YUV420)摄像机视频,我正在对其应用fragment着色器以获得一些滤镜效果以及YUV到RGB的转换。除了性能不佳外,一切正常。我的fragment着色器有点重,因为它有很多textur2D()调用。原始帧分辨率为480x640像素,我注意到如果我将视口(viewport)设置为这个原始大小(而不是全屏大小),它运行良好且流畅。所以基本上我需要首先渲染帧并在frameBuffer(FBO)中以原始大小处理它,然后(在着色器工作完成后)使用视口(viewport)(主要是1080x1920)将它缩放到全屏大小,这意味着“繁重”的处理工作将应用于更少的fragment

android - 三星 Galaxy Note 5 视口(viewport)尺寸

我在使用SamsungNote5复制网站响应问题时遇到了一些问题。使用上述设备时显示困惑。我尝试使用chrome开发工具并调整大小以便有机会复制它,但没有成功。我也在互联网上搜索,但看不到note5viewportsize。我试过360x640但它没有显示任何问题,所以我认为这不是Note5的正确视口(viewport)。任何帮助将不胜感激。 最佳答案 据统计Pixelsize:1440x2560ViewPortsize:480x853您还可以使用javascript获取此信息:varw=Math.max(document.docu

dart - 即使展开时,Listview 中的 GridView 也会导致 "Vertical viewport was given unbounded height"

我还是Flutter的新手,正在尝试创建以下布局:我将布局分为3个主要部分:标题小部件(带有“TitleHere”的小部件)信息文本小部件(带有图标和“InfoGoesHere”的小部件文字)包含按钮的GridView这是我的Main.dart:import'package:flutter/material.dart';import'package:ifp_poc/Screens/Home.dart';import'package:flutter/rendering.dart'showdebugPaintSizeEnabled;voidmain(){//debugPaintSizeEn

dart - 即使展开时,Listview 中的 GridView 也会导致 "Vertical viewport was given unbounded height"

我还是Flutter的新手,正在尝试创建以下布局:我将布局分为3个主要部分:标题小部件(带有“TitleHere”的小部件)信息文本小部件(带有图标和“InfoGoesHere”的小部件文字)包含按钮的GridView这是我的Main.dart:import'package:flutter/material.dart';import'package:ifp_poc/Screens/Home.dart';import'package:flutter/rendering.dart'showdebugPaintSizeEnabled;voidmain(){//debugPaintSizeEn

Android 4.1 视口(viewport)缩放(setInitialScale,meta initial-scale 不工作)

SO和互联网的其他部分有数百篇关于尝试修复Android中的视口(viewport)缩放的帖子,我现在相当确定你不能在Android4.1的webview中设置初始比例。我正在构建一个Cordova(Phonegap)应用程序,我已经在iPhone3GS、4S和5以及iPad2上很好地缩放了所有东西,在iOS6上运行iOS7和3GS我还调整了UI以适应MotoG、LGNexus5、GoogleNexus5和三星GalaxyS4,它们都运行Android4.4但是在运行Android4.1的三星GalaxyS2和S3Mini上,我无法设置初始比例。HTML视口(viewport)元标记在

android - 视口(viewport)元标记在 Android 4.4 WebView 中被忽略

我有一个在Android和IOS上运行的App/WebApp。我在IOS和Android上将它部署为WebApp和nativePhoneGap应用程序。我使用PhoneGapBuild构建native应用程序。平板电脑用户界面专为768的内部像素宽度而设计,在iPad和iPadMini上运行良好。对于Nexus(纵向601像素宽),我通过将视口(viewport)宽度设置为768像素并将缩放比例设置为来伪造它:vargViewportScale=(Math.min(window.screen.width,window.screen.height)/window.devicePixelR

android - 为什么即使使用width=device-width,android浏览器视口(viewport)也比手机实际屏幕尺寸小很多?

我想问一下,为什么我的HTCDesireHD的浏览器报告视口(viewport)宽度为369px,即使屏幕的实际像素大小为480x800WVGA。我在我的页面中使用了这个CSS样式:你能解释一下这个奇怪的行为以及如何强制Android浏览器将视口(viewport)的宽度实际设置为480px而不是奇怪的369px吗?感谢您的帮助。 最佳答案 问题的详细解释可以在blogpost中找到.您看到的数字(369px)实际上是设备尺寸乘以默认的假设屏幕密度160dpi。为了使用设备屏幕密度,您必须在视口(viewport)元中指定您要使用设