Android 使窗口与屏幕宽度相等
我正在制作一个移动网页,努力处理各种屏幕尺寸,基本上我想让我的页面与实际屏幕的宽度一致,而不是浏览器的宽度 由于移动浏览器的工作方式,当设置以下元标记时,大多数浏览器的默认“宽度”为320像素: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
<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