Android 使窗口与屏幕宽度相等

Android 使窗口与屏幕宽度相等,android,html,ios,css,meta,Android,Html,Ios,Css,Meta,我正在制作一个移动网页,努力处理各种屏幕尺寸,基本上我想让我的页面与实际屏幕的宽度一致,而不是浏览器的宽度 由于移动浏览器的工作方式,当设置以下元标记时,大多数浏览器的默认“宽度”为320像素: <meta name="viewport" content="width=device-width, initial-scale=1"></meta> 如何使页面成为屏幕的完整分辨率,而不是浏览器的“分辨率” 一定有一些简单的解决办法 注意:将初始缩放标志设置为2会使我的i

我正在制作一个移动网页,努力处理各种屏幕尺寸,基本上我想让我的页面与实际屏幕的宽度一致,而不是浏览器的宽度

由于移动浏览器的工作方式,当设置以下元标记时,大多数浏览器的默认“宽度”为320像素:

<meta name="viewport" content="width=device-width, initial-scale=1"></meta>

如何使页面成为屏幕的完整分辨率,而不是浏览器的“分辨率”

一定有一些简单的解决办法

注意:将初始缩放标志设置为2会使我的iphone和android手机上的页面小于320像素(分别为640和480像素宽),将其设置为.5会使两台设备上的页面宽度均为640px,但在android设备上会放大。它给iphone带来了预期的效果


我的页面:

您是否尝试添加最大比例和密度dpi,如下所示:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, target-densitydpi=device-dpi">

但这可能取决于浏览器

该列表中缺少的属性是
目标密度dpi=设备dpi

默认情况下,WebView会缩放网页,使其按一定大小绘制 与中等密度屏幕上的默认外观相匹配。所以呢, 在高密度屏幕上应用1.5倍缩放(因为其像素为 更小)和低密度屏幕上的0.75倍缩放(因为其像素 更大)

设备dpi-将设备的本机dpi用作目标dpi。违约 缩放从未发生


目标密度dpi=设备dpi
添加到内容列表是否有帮助?@cimmanon您的解决方案有效。请提供答案,我将接受
https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag