Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/217.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
android中的媒体转向查询_Android_Html_Webview_Orientation_Media Queries - Fatal编程技术网

android中的媒体转向查询

android中的媒体转向查询,android,html,webview,orientation,media-queries,Android,Html,Webview,Orientation,Media Queries,我有一个网站,是由android设备上的webview加载的 因此,基本上我所期望的是,我要加载的网站将适合屏幕,也就是说,不应该有任何东西溢出页面并引入滚动 当你以纵向模式在webview中加载站点时,它加载得很好,我的意思是所有内容都已就位,没有溢出,图像大小正确,如果我在查看webview时将其更改为横向,则所有内容仍然很酷,它仍然缩放并显示与纵向模式相同的视图,你只需在其周围获得额外的空间 但是,如果我先在横向模式下加载webview,我的网站内容似乎在某种程度上被放大了,因为在横向模式

我有一个网站,是由android设备上的webview加载的 因此,基本上我所期望的是,我要加载的网站将适合屏幕,也就是说,不应该有任何东西溢出页面并引入滚动

当你以纵向模式在webview中加载站点时,它加载得很好,我的意思是所有内容都已就位,没有溢出,图像大小正确,如果我在查看webview时将其更改为横向,则所有内容仍然很酷,它仍然缩放并显示与纵向模式相同的视图,你只需在其周围获得额外的空间

但是,如果我先在横向模式下加载webview,我的网站内容似乎在某种程度上被放大了,因为在横向模式下,你有额外的宽度,现在如果我转动手机使其成为纵向,它不会重新缩放我的网站内容,因此纵向中的图片太大,它迫使你向右滚动以查看整个图片

我试图避免您需要滚动查看内容的地方


这是因为当旋转网络视图时,比如从横向到纵向,android只需将横向模式下的任何内容放入纵向,而不尝试调整其大小?

iOS上也存在类似的错误,旋转设备会导致奇怪的页面缩放问题(详情请参阅)。我发现在iOS上解决这个问题的一个好办法是更改元视口标记。最常见的元视口标记(通常与HTML5样板文件一起提供)如下所示:


不过,不确定此修复程序是否适用于Android。

您是否尝试过使用媒体查询?他们在安卓galaxy上工作。我有同样的问题。你有相同的解决方案吗?
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="viewport" content="width=device-width">