Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在横向模式下,在手机上直接绘制画布_Html_Css_Canvas - Fatal编程技术网

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