移动设备上的Canvas全屏导致断电
是指在移动设备上使用Canvas技术进行全屏绘制时，由于大量的图形计算和绘制操作会消耗较多的电量，导致设备电量迅速耗尽，最终导致设备断电。
Canvas是HTML5中的一个标准元素，它提供了一个JavaScript绘图API，可以在网页中进行图形绘制、动画、游戏等交互操作。在移动设备上，Canvas通常用于绘制复杂的图形、动画或者实时渲染，因为它可以通过GPU加速来提高绘制性能。
然而，当移动设备上的Canvas被设置为全屏绘制时，会导致设备的CPU和GPU资源被大量占用，而这些操作消耗大量的电量。由于移动设备的电池容量有限，如果长时间使用Canvas全屏绘制，特别是在复杂的场景下，设备电量可能会迅速耗尽，最终导致设备断电。
为了避免移动设备上Canvas全屏导致断电的问题，可以采取以下几种方式：
- 优化绘制性能：通过减少绘制的复杂性、降低图形质量、优化绘制算法等方式来减少绘制操作对设备资源的消耗，从而降低电量的消耗。
- 控制绘制频率：可以通过限制绘制的帧率或者降低动画的刷新率来减少绘制操作的频率，从而减少电量的消耗。
- 合理使用硬件加速：利用硬件加速可以提高Canvas的绘制性能，但过度依赖硬件加速也会增加电量的消耗，因此需要在性能和电量之间做出合理的权衡。
- 增加电量管理：在开发移动应用时，可以通过合理设置电量管理策略，例如提供切换Canvas全屏绘制和非全屏绘制的选项，或者在绘制过程中及时提示用户当前电量不足等。
- 使用低功耗模式：一些移动设备提供了低功耗模式，可以在绘制过程中切换到低功耗模式，以降低电量的消耗。
尽管Canvas全屏导致断电是一个潜在的问题，但通过合理的优化和管理，可以最大限度地降低电量的消耗，提供更好的用户体验。
腾讯云相关产品和产品介绍链接地址：
腾讯云移动开发：https://cloud.tencent.com/product/MobileDevelopment 腾讯云GPU实例：https://cloud.tencent.com/product/gpu-instance
相关·内容
3回答
移动设备上的全屏画布
、、、
我已经创建了一个小画布游戏，我希望它在PC和移动设备上都能工作。
在PC上，画布区域按预期工作，但在为移动设备设计时出现了问题。
有没有办法(CSS或javascript)让网站内的画布区域在用户双击时变得全屏显示？你不能玩游戏，除非画布足够大，足以容纳整个屏幕，但我发现很难缩放，所以画布在移动设备上完全是全屏的。
换句话说，我想要一个CSS或javascript/jQuery解决方案来实现移动设备上画布区域的全屏(设置设备上的缩放以完全适合画布区域)。
canvas{
width:624;
height:351;
background:red;
}
例如，尝试在iP
浏览 3提问于2012-10-31得票数 3
我正在尝试使用WebRTC视频流来捕获selfi。在移动web浏览器上使用的主要内涵。我试着定义了aspectRatio : 9/16，它主要适用于移动屏幕大小。
在桌面上使用移动模拟器，它的工作效率为9/16，但在实际的安卓或iOS设备web浏览器上测试时，它不工作，设备显示全屏视频。似乎设备不尊重给定的aspectRatio。
import React, { useEffect, useRef, useState } from 'react';
const videoConstraint = {
audio: false,
video: {
浏览 7提问于2022-10-10得票数 0
3回答
我正在为html5 canvas开发一个游戏，同时主要针对移动设备。画布的大小被调整到最大的可用分辨率，因此它几乎是一个全屏游戏。
在ipad上，这将是一个1024x786的画布；在这样的分辨率下，我注意到帧率显着下降。在较小的分辨率，如480x320的iphone上，游戏运行流畅！我猜这是因为设备的填充速率是有限的。
无论如何，我想尽可能多地优化。如果您能为html5 canvas开发提供任何通用的性能提示，我将不胜感激。
浏览 0提问于2011-02-23得票数 30
回答已采纳
1回答
使用这个链接：，我已经能够插入到我的网站的照片擦拭。
不幸的是，我无法在移动设备上看到全屏按钮，演示网站确实显示了全屏按钮。
比较：
(在我的网站:点击底部图片)
有人知道如何解决这个问题吗？我已经在整个互联网上搜索了一个解决方案，但还没有找到。
浏览 1提问于2015-12-04得票数 1
回答已采纳
1回答
我有一个非市场应用程序，它是为在特定设备上运行而构建的。最初，这是在运行2.2版本的设备上运行的，但现在该应用程序针对的是3.1版本的特定设备，我正在添加对Action Bar的支持。
其中一个应用程序的活动需要是全屏的，并且隐藏了状态栏和操作栏。这是使用清单中的以下内容来实现的：
<activity
android:name=".activity.EditorActivity"
android:label="@string/activity_edit"
android:theme="@style/Canvas"&
浏览 3提问于2011-12-21得票数 1
回答已采纳
对于HTML5游戏，具有用于移动设备的画布动画。
我正面临着一些性能问题，每个设备的速度都不同于其他设备。
requestAnimationFrame根据设备速度来加速游戏的动画。
setInterval让我大吃一惊，因为从一台设备到另一台设备存在延迟。
setTimeout在画布上的绘制速度也很慢。
谁之前有过移动HTML5游戏的经验，可以指导我使用其中三种(或其他可用的技术)中最好的方法，在canvas上开发动画，在不同的移动设备上稳定？
浏览 30提问于2012-12-18得票数 19
我正在尝试找出将flash游戏转换成html5的最好方法。
我用自定义的html，css，js构建了一个游戏，并且遇到了一些问题，比如在任何桌面/移动屏幕上全屏显示，苹果设备上的音频问题等等。
据我所知，所有的html5游戏都是用canvas创建的。我试图了解，如果有可能创建任何类型的flash游戏与画布和避免问题，我喜欢有游戏全屏没有任何问题或自定义编码，避免音频问题。
有没有可能用画布从flash游戏中创建任何类型的结构？
我是画布的新手，所以我需要知道所有的优点和缺点，看看画布的性能是否会比自定义的html更好。
此外，游戏将有一个用于游戏逻辑的API，那么将游戏API与canvas集成
浏览 1提问于2017-03-29得票数 1
我的问题是我的桌面网站运行良好。但我制作了一段视频，无法在移动设备上正确观看。我希望它能在移动设备上全屏显示。
浏览 0提问于2018-02-06得票数 1
回答已采纳
当在iOS全屏模式下运行移动站点时，使用“apple- mobile -web-app”元标记，我使用的是AJAX和同步页面请求的组合，包括重定向，用户登录时就成功了。
但是，当用户注销并销毁会话时，iOS设备将保留全屏模式，并在Mobile窗口中打开登录页面。
以下是一个常见的事件序列：
用户单击主屏幕上的按钮，以iOS全屏模式启动移动站点
服务器将用户重定向到登录页面以进行身份验证(仍处于全屏状态)
用户登录，并被重定向回移动家庭(仍在全屏)。
用户通过GET和POST执行各种操作，有些使用AJAX，有些则不使用(仍处于全屏)。
用户点击注销按钮，这会破坏会话并重定向回
浏览 0提问于2012-08-28得票数 4
回答已采纳
1回答
我在一个页面上有多个iframe，当它们开始播放时，它们会自动在移动设备上全屏显示。我正在使用youtube api加载视频，并在顶部有一个自定义播放按钮的“封面”图像。在移动设备上，当用户点击播放按钮时，封面图像消失，视频全屏显示并开始播放--到目前为止还不错。但我需要能够做的是，当用户点击“完成”时，视频会全屏显示(它会这样做)，封面图像就会回来(目前还没有)。问题是，当用户点击“完成”时，我似乎无法检测到。
我试过使用：
$('iframe').bind('webkitendfullscreen', function(){
// code in
浏览 2提问于2017-07-30得票数 0
6回答
请指导我如何将网页的背景图像设置为全屏。
另外，我想用这张图片显示所有尺寸显示器和移动设备的全屏。
现在我有一张分辨率为1920 : 1080的图像，它只在我的19“显示器上看起来很好，分辨率为1440 : 900，但在15.4英寸的笔记本电脑和移动设备上却不是很好。
请帮帮忙，
谢谢。
浏览 13提问于2014-08-28得票数 0
回答已采纳
1回答
我有一个全屏应用程序，我希望能够放大某些领域。
我的代码运行良好，但我注意到，当我靠近时，放大动画(在父画布上显示ScaleTransform.ScaleX和ScaleTransform.ScaleY属性)开始稍微向下移动，帧速率也会受到影响。
我没有使用任何BitmapEffects或任何东西，理想情况下，我希望我的场景变得比现在更复杂。
场景相当大，1980x1024，这是必需的，不能更改。
当前布局如下所示：
<Canvas x:name="LayoutRoot">
<Canvas x:Name="ContainerCanvas"&g
浏览 1提问于2010-03-12得票数 1
如何获取包含列表视图的活动的全屏快照。我已经用比棉花糖更低的其他操作系统做过了。在包含棉花糖操作系统的移动设备中，它只获取查看内容的屏幕截图，或者在移动屏幕上查看content.In短棉花糖不允许我对活动进行全屏截图。我该如何解决这个问题？提前谢谢。以下是一些代码：
private void pdf() {
// fn_permission();
printhelper=new PrintHelper(ConversionEnergyListActivity.this);
printhelper.setScaleMode(PrintHelper.SCALE_MODE_FI
浏览 0提问于2017-05-24得票数 0
1回答
我有一个创建图形的Android程序。它是一个全屏坐标系，所有的绘图都在Canvas中完成。那么如何在Touch上移动视图(向上、向下、向左、向右、放大、缩小)？
浏览 3提问于2012-02-22得票数 0
3回答
CSS背景封面
、、、
我有一个在CSS中完美完成的全屏背景，使用：
body {
background-image: url('../images/backgrounds/<image>.jpg');
background-size: cover;
float:left;
overflow: hidden
}
尽管当在移动设备、iOs和IE Windows mobile上查看时，背景是平铺的，而不是全屏。我得到我可能需要有一个不同的CSS文件的移动操作系统在那里，但不确定到底是什么问题，我如何为移动全屏图像？
浏览 3提问于2013-09-23得票数 4
4回答
我对移动设备上的垫子有意见。在带有横向定位垫的手机上，对话框-动作按钮在屏幕外，所以不可能关闭对话框。
我曾想过用特殊的css类在对话框顶部添加动作按钮，但它需要手动将其添加到每个对话框中。
// Dialog close button for mobile devices
.dialog-close-btn {
visibility: hidden;
}
@media screen and (max-width: 799px) and (orientation: landscape) {
.dialog-close-btn {
visibility: visible
浏览 1提问于2019-01-29得票数 5
回答已采纳
3回答
我在这个链接()上创建了滑块。它在桌面上很适合我，但是在移动device.This滑块上出现问题并不是在手机上显示全屏。我试着在css下面获得全屏，但是图像是拉伸的。我只需要显示图像的中心部分。我使用的是img tag.Would，您在这方面帮了我。
提前感谢
Css
//在移动设备中获取图像全屏。
.carousel-inner>.item>img, .carousel-inner>.item>a>img{
height: 100%;
}
浏览 3提问于2016-09-30得票数 0
回答已采纳
昨天我在我的设备上做了很多测试。突然，当我在Xcode中点击Build & Go时，我得到了这个错误消息。首先，它问我是否可以用我的钥匙签名。我单击“是”，然后会出现该错误消息。我的iPod和往常一样连接，iTunes自动启动，我关闭它以防止中断。
我试着重新启动Xcode。帮不上忙。我的Apple Dev注册是全新的。知道有什么问题吗？
编辑：在“窗口”>“组织者”中，我可以看到以下消息：
您的移动设备遇到了一个意外的错误(0xE8000001)，尝试断开和关闭设备；然后打开设备并重新连接它。
我断电后就重新开始了，但我还是收到了那个信息。
浏览 14提问于2009-05-08得票数 2
回答已采纳
我正在移植一个我写的游戏，作为一个pixi.js HTML5游戏，我可以嵌入到itch.io上。我的游戏打印到一个canvas，它在一个HTML文件上。itch.io将该HTML文件嵌入到iframe中，并提供一个全屏按钮，该按钮在全屏上显示iframe。
我的游戏是以720x960的固定分辨率运行-在CSS缩放之前。itch.io有固定大小的iframe，我可以使用它的接口进行设置。我把它设置为720x960来匹配游戏。
我试图为HTML文件编写CSS，该文件将调整画布的大小，如下所示：
当显示在iframe中时，canvas扩展以适应iframe，如果iframe的纵横比与游戏的纵横比不同
浏览 1提问于2020-06-10得票数 0
回答已采纳
1回答
标题说明了一切。可以在HTML5视频播放器中打开youtube视频吗？我想以一种对移动设备更友好的方式播放youtube视频，我计划上传一个缩略图，然后创建一个onclick函数来全屏打开视频-这在移动设备上特别重要。我知道我可以使用youtube iframe，但我发现它用起来有点“笨拙”，尤其是在安卓系统上。在iOS上，它至少可以全屏自动播放视频--在安卓系统上有这样的选项吗？
谢谢
浏览 0提问于2016-05-22得票数 0
在移动设备上，OpenLayers 3全屏图标，以防Mozilla不显示.
有没有办法解决这个问题，或者自己设置一个图标来显示在每个设备上？
谢谢,
艾鲁尔
浏览 7提问于2016-03-15得票数 0
回答已采纳
如下所示，'+‘图标是全屏按钮。
当点击它时，它不会全屏显示。
我尝试了基本的jQuery：
$("#fullScreen-btn").css({height: 100%, width: 100%});
这似乎不起作用。
我需要它像我们在浏览器上按F11一样工作，它必须在移动设备上全屏(不是谷歌地图应用程序)
有人能帮我吗？
浏览 4提问于2017-06-23得票数 8
1回答
我目前正在开发一个全屏WPF应用程序。在Window_Loaded事件中，应用程序会全屏运行。
在窗户里面，我有一张帆布。在画布中，我有一个MediaElement和3个图片。以下是XAML：
<Window x:Class="Test_CS4.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
浏览 0提问于2020-01-13得票数 1
2回答
我用下面的代码实现了这个网站https://www.yu-performance.at的全屏背景视频。它在台式机和大多数移动设备上都工作得很好。只有在18:9格式的移动设备上，视频上面和下面都有空白，如下所示，但我希望视频在18:9设备上也是全屏的。有人知道为什么会发生这种情况吗？ 18:9设备上的视频，带空格：screenshot mobile 18:9 该网站在第一部分有一个背景视频，它被模拟为背景大小的封面，使用以下样式： //container div
.banner {
position: relative;
overflow: hidden;
width:
浏览 13提问于2019-12-26得票数 1
2回答
Chrome全屏画布？
、、、
我试着在谷歌Chrome上做一个全屏画布。
<style>
#canvas:-webkit-full-screen {
height:100%;
width: 100%;
}
</style>
<button onclick="fullScreen()">Full Screen</button>
<canvas id="canvas"></canvas>
<script>
function fullScreen() {
var c
浏览 2提问于2013-09-20得票数 1
回答已采纳
2回答
嗨，我刚开始为移动设备开发应用程序，有下一个麻烦。本站：在PC浏览器上显示正确，但在iPhone 4S上的Safari上，它应该是全屏显示，但比全屏显示要少得多。你可以在那里看到所有的css。谢谢你的帮助。
浏览 0提问于2013-04-14得票数 0
回答已采纳
2回答
Qt绘制内容丢失
、、、
我在写一个信息屏幕程序。我创建了一个全屏小部件并在其上绘制内容。
为了延长TFT显示设备的生命周期，我想实现一个像素移位特性。换句话说，在每一次X分钟中，对于Y像素，我都会将屏幕移到左/右/上/下。
我的做法如下：
I使用两个层(两个QWidget)。I将内容画在顶层。当执行像素移位时，我只是移动指定偏移量的顶层.，然后将背景色填充到底层。
然而，我发现了一个问题：
如果我在顶层移动10像素，10像素的内容就会从屏幕上移出。但是当我把这个图层向下移动10个像素时。10像素的内容不会被更新，它已经消失了。
我怎么才能保留这些10像素的内容？是否有神奇的小部件标志来解决这个问题？
更新1:代码是用
浏览 5提问于2010-01-15得票数 2
回答已采纳
1回答
iOS设备上忽略的链接
、、、、
我构建了一个WordPress自定义主题，尤其是在iOS设备上使用移动菜单项时遇到了问题。可以通过单击一个元素来切换移动菜单，该元素将“向左移动”类添加到移动菜单中，使其可见。当我点击移动设备(不是iOS)上的链接时，这些链接直接指向它们的页面。但是，当我触摸iOS设备上的链接时，使菜单可见的'move-left‘类被移除，完全忽略链接。当我在BrowserStack中检查它，并将鼠标悬停在内容上时，检查器不会突出显示iOS设备上的内容。
我需要帮助的网站：
<div class="off-canvas-wrap move-left" data-offcanvas
浏览 3提问于2018-06-16得票数 0
我有一个iframe。
我正在努力使它在移动设备上是全屏幕宽度，在普通显示器上是一半屏幕(100%和50%)。移动设备的最低规格将是iPhone，但如果它能在安卓系统上运行，那将是一个很大的优势。
我可以使用HTML和CSS。
这个是可能的吗？
浏览 3提问于2011-12-08得票数 0
回答已采纳
4回答
我想创建一个网站(一个页面响应式)，在全屏幕平板电脑/显示器上显示一个滑块，但在移动设备上它隐藏了滑块，并显示全屏英雄/闪光灯div。
我知道这将包括@media，但不确定使用哪种语法。
浏览 1提问于2018-01-02得票数 1
当我在火狐上的时候，画布调用requestPointerLock，我按下F11的全屏-我看到事件mousemove被触发了。这使得一些东西必须是静态的，因为鼠标不动。
我试图创建一个演示，但是我得到了错误的Blocked pointer lock on an element because the element's frame is sandboxed and the 'allow-pointer-lock' permission is not set.
下面是一个代码示例，您至少可以阅读。
HTML部件：
<canvas id="canvas"
浏览 0提问于2018-08-26得票数 1
1回答
我试图在WP8设备(Lumia 920)上显示一个简单的全屏位图。
它有1280x768屏幕，使用 160，虚拟分辨率为800x480。
这是显示黑白棋盘位图的结果(它是模糊的)：
(注意，这应该是黑白棋盘，而不是暗黑/闪电，注意文本像素要白得多。)
显然，UseLayoutRounding在任何地方都是真实的。
那么，嗯，可以在高分辨率的Windows 8设备上对齐位图吗？
更新：检查了800x480仿真器(带有800x480图像)--非常清晰。1280x768仿真器-模糊，与设备上相同:/
此外，打开 (注意: 1280x768图像)与viewport width
浏览 2提问于2013-01-19得票数 2
回答已采纳
我有一个HTML5页面，它看起来像这样：
<html>
<head></head>
<body>
<canvas id="c1" width="500" height="500" />
</body>
</html>
我使用Bootstrap3和Fabric.js作为画布库。当我在移动设备上运行它时，我遇到了一个问题，当我触摸画布上的对象并移动它时，页面也会被移动。似乎触摸事件也是由移动设备浏览器处理的。
我期望的是停止移动设备浏览器的默认事件处理，这样当我在
浏览 15提问于2013-12-31得票数 1
我正在建立一个网站，允许用户观看嵌入式YouTube视频。
目前，我只能在我的网站上制作视频。
然而，我想在移动设备上播放的视频是弹出的全屏和播放的肖像和风景。
这是一种让它在移动设备上像YouTube网站一样的方式吗？
单击播放按钮时，。
浏览 1提问于2015-12-14得票数 0
1回答
我有一个全屏web应用程序运行在装有Android v2.3.6的Nexus One上。我已经做了我能做的一切来防止滚动。对于以下事件，我将调用preventDefault()和stopPropagation()：
document.addEventListener('touchmove', eventCanceller, false );
document.addEventListener('touchstart',eventCanceller, false );
document.addEventListener('touchend',eve
浏览 1提问于2012-08-17得票数 1
1回答
是围绕WooTheme Canvas构建的，这是一种响应式设计。
我不得不禁用viewport meta标记，因为我不想让布局响应。
它现在在移动设备上看起来要好得多，但右侧出现了一个白色区域。主要在iPhone/iPad上可见，但在其他设备上缩小显示空白区域。
添加以下代码，解决了我的问题，但导致导航在iPhones上停止工作，并导致Windows7手机上的显示问题……
html, body {
overflow-x:hidden;
}
有没有人有更好的解决方案来消除空白？
浏览 2提问于2012-09-28得票数 4
1回答
我在使用Ionic 5和Cordova的Moodle移动应用程序中工作，这在iOS上引发了一个错误，当使用旋转设备退出全屏模式时，UI会中断，所以我试图在全屏模式下锁定或管理方向，但没有成功。
我试过使用官方的Ionic插件()，但是当我进入全屏时，应用程序可以自由地旋转成景观。
浏览 5提问于2022-07-25得票数 0
我在react中使用了highchart。它在桌面视图中看起来很好，因为它在移动设备中看起来太小了。我们如何才能使其具有响应性，使其在移动设备上看起来更好。 容器高度设置为100%，然后图表以全屏显示，但字体和标签看起来仍然较小。 ? ?
浏览 16提问于2020-09-18得票数 0
4回答
我有一个画布在我的网页上，并希望切换它填充页和向后。我的页面通常比屏幕高，所以我的页面上有一个滚动条。当我在css中设置画布的大小时，这个滚动条不会隐藏：
canvas {
display: inline;
outline: 0;
margin: 50;
border: 1px solid #E0E0E0;
}
canvas.fullscreen {
display: block;
position: absolute;
top: 0;
left: 0;
border: none;
margin: 0;
}
我的
浏览 3提问于2014-11-04得票数 6
回答已采纳
我有一个响应式的web应用程序，有几个dialogs，我想让它们占据整个屏幕(也就是全屏)，每当用户通过移动设备访问它时。 我找到了full-width和full-height道具，但我想不出干净利落的方法来将它们应用到移动设备上。想法？
浏览 51提问于2020-01-30得票数 0
回答已采纳
1回答
我正在为我的网站使用引导，并使本地滚动正常工作(我使用标准导航条形码)。到目前一切尚好。
接下来，我想要实现一个在桌面和移动设备(iphone、android等)上正常工作的全屏背景。背景图片应覆盖整个屏幕，当用户滚动页面内容时不应移动。我能找到的唯一解决办法(经过相当长时间的搜索)是：
html {
background: url('images/ny-building-xs-optimized.jpg') no-repeat center center fixed !important;
background-size: cover !important;
浏览 1提问于2015-02-09得票数 0
回答已采纳
适用于scribd docs的移动html5查看器似乎不适用于安卓设备，我在chrome手机和原生浏览器上测试了Galaxy S3，但我只得到了一个空白页面。
我正在使用api来获取移动设备文档的全屏url。
示例url：
可以在Iphone上运行，但不能在android上运行。
我是唯一一个有这个问题的人吗？
谢谢，Nic
浏览 2提问于2013-05-15得票数 0
回答已采纳
1回答
使铯全屏
、
我用铯在网页上展示了一个三维模型。问题是，当我点击按钮使查看者全屏时，背景变黑，观众不会伸展，就像铯角Git上的所解释的那样。
在我的例子中，铯是在我的角度项目中的一个指令中定义的，我只需将一个属性传递给div，就可以在我需要的所有组件中调用它。例如：
<div [appCesium]="myResource.url + '/model.json'" class="cesiumContainer"></div>
相反，在指令中，我只定义了ngOnInit函数，它用特定的参数(缩放、动画等)初始化Cesiusm。在函数的末尾
浏览 0提问于2019-07-02得票数 1
1回答
我试图强制使用自动全屏(稍后只在移动设备上使用)，我使用的是来自的全屏插件，代码如下
$('#videoPlayer').on('loadedmetadata', function () {
$("#videoPlayer").fullScreen(true); // 1
setTimeout(function () {
$("#videoPlayer").fullScreen(true); // 2
}, 3000);
});
$('#fullscreen').on(&#
浏览 1提问于2015-02-18得票数 0
回答已采纳
1回答
我用这个库Screenfull.js通过javascript fullscreen API请求全屏模式。这在我的移动设备上的webapp上运行得很好。但是为什么滚动功能根本不起作用呢？
这真的是浏览器的bug吗？如果是，你有没有试过有人想办法解决这个问题？
我尝试过单独使用来实现make功能，但在移动设备上运行起来非常慢，而且一点也不流畅。
谢谢你的建议
浏览 1提问于2014-09-22得票数 2
我有一个PWA，它是用Ionic3开发的，现在它在移动设备和平板电脑以及桌面浏览器上都工作得很好。
现在我的问题是，当我在桌面浏览器上运行它时，它会全屏显示。因此，不是全屏显示，我需要显示为移动应用程序，即屏幕的中心。
我可以给网页上的链接按钮，如果用户想继续与桌面网站。
示例站点为您的参考。：
它显示在桌面浏览器的页面中心，桌面浏览器的选项。
我如何才能做到这一点？
我尝试做CSS媒体查询，但它失败了，因为如果请求来自桌面浏览器，那么它会以全屏显示网站。
浏览 1提问于2019-01-24得票数 4
我有一个使用BigVideo.js的全屏背景视频网站。()在移动设备上，安卓正发挥着巨大的作用。然而，在苹果设备上，视频加载了一个“播放”按钮，您需要单击该按钮将视频加载到站点顶部的一个模式窗口中。对于如何使其表现得像桌面/android设备，视频在后台无缝播放，有什么想法吗？会不会有一个苹果应用程序驱动的事件，检测视频和强制播放模式？
示例HTML：
<div class="screen" data-video="vid/1-Statue.mp4">
浏览 7提问于2016-04-28得票数 0
回答已采纳
我有一个非常重Jquery的网站。但是，由于它使用全屏背景...它们在移动设备上是非常无用的，我想停用移动设备上的Jquery插件……
我试图研究这个问题，但没有想出一个简单的解决方案……
媒体查询不会真正起作用...因为我们太依赖Javascript了.媒体查询只适用于CSS(我更像是一名设计师而不是程序员……)
浏览 0提问于2011-08-01得票数 0
目前，我正在使用计时器和Canvas.onDraw() / canvas.drawBitmap在Canvas.onDraw()上全屏显示单个帧动画。每一帧的分辨率为480x320像素，并将在绘制时间拉伸到屏幕分辨率。这在更快的设备上很好地工作，达到高达15 fps的帧率。问题是，在动画开始之前，我必须加载每个帧(动画由30个单一帧组成)，因为动画将以较高的帧速率显示。考虑到Android进程通常只有16 MB的小堆空间，我的大多数测试设备无法将所有30帧预装到内存中，所以我考虑使用OpenGL。正如我所读到的，在16 MB进程堆空间内不考虑使用OpenGLs内存，使用OpenGL可能是另一种选
浏览 13提问于2011-02-08得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
