Html 在横向模式下,在手机上直接绘制画布
是否有内置解决方案绕过Html 在横向模式下,在手机上直接绘制画布,html,css,canvas,Html,Css,Canvas,是否有内置解决方案绕过最小高度:400px应用于画布的名称?-不是覆盖它,而是减少界面中的边距/填充,或者将菜单按钮换成较小的按钮?字面上的canvas似乎无法在大多数手机的横向屏幕上显示-这是一个遗憾,因为它看起来约为40-60px关闭。字面上的canvas使用了一个名为的类。字面上的包装器div,以便在手机的横向屏幕全屏时将界面(所有按钮等)最小化一点。我这样做: :fullscreen .literally * { margin-top: 0px !important; m
最小高度:400px代码>应用于画布的名称?-不是覆盖它,而是减少界面中的边距/填充,或者将菜单按钮换成较小的按钮?字面上的canvas似乎无法在大多数手机的横向屏幕上显示-这是一个遗憾,因为它看起来约为40-60px关闭。字面上的canvas使用了一个名为的类。字面上的包装器div,以便在手机的横向屏幕全屏时将界面(所有按钮等)最小化一点。我这样做:
:fullscreen .literally *
{
margin-top: 0px !important;
margin-bottom: 1px !important;
padding: 0px !important;
line-height: 100% !important;
}
然后,对于字面上的canvas div,我将最小高度重置如下:
:fullscreen .literally
{
width: 100%;
height: auto;
min-height: 325 !important; /* reduce literally canvas's min-height */
}
这会使应用程序变得更适合。你能发布一个代码示例来演示你所描述的问题吗。@csmckelvey我没有发布任何CSS或html,因为这个问题主要是针对那些使用Canvas的人的头脑风暴问题-不一定是寻找“代码”,而是关于api是否正确的答案具有简化的图标集或单独的小屏幕样式表。我使用了画布中的所有默认值,所以它只是一个div,最小高度为400px代码>