首页 文章

制作屏幕的窗口宽度

提问于
浏览 次
1

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

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

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

我该怎么做才能使页面成为屏幕的完整分辨率而不是浏览器的“分辨率”？

必须有一些简单的解决方案..

注意：将初始刻度标志设置为2会使我的iphone和Android手机上的页面小于320像素（分别为640和480像素宽）并将其设置为.5使两个设备上的页面宽640像素，但放大了在Android设备上 . 它给iPhone带来了预期的效果..

我的页面：mmhudson.com/index1.html

android html ios css meta

2 回答

  • 0

    您是否尝试添加最大比例并添加了像这样的densitydpi：

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

    您可以在这里找到移动浏览器的优秀示例：

    https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

    但也许这取决于浏览器 .

    回复于
  • 2

    您在该列表中缺少的属性是 target-densitydpi=device-dpi .

    http://developer.android.com/reference/android/webkit/WebView.html

    默认情况下，WebView会缩放网页，使其绘制的大小与中密度屏幕上的默认外观相匹配 . 因此，它在高密度屏幕上应用1.5倍缩放（因为它的像素更小）和在低密度屏幕上应用0.75倍缩放（因为它的像素更大） .

    和

    device-dpi - 使用设备的本机dpi作为目标dpi . 默认缩放从不发生 .

    回复于

相关问题