gpt4 book ai didi

android - chrome安卓浏览器只显示部分网页宽度

转载 作者:行者123 更新时间:2023-11-28 13:02:09 26 4
gpt4 key购买 nike

我有一个Samsung galaxy Note 2,我用chrome浏览器显示一个网页,顶部是<div>宽度为 1280px。由于 galaxy note 2 的屏幕是 1280px 宽,我希望整个页面一次全宽显示。

但事实并非如此,而是显示了大约 980px 的内容:我必须取消缩放才能看到整个页面宽度。这变得非常无聊,因为在每一页上,我都必须一次又一次地取消缩放。

我在标题中尝试了类似的东西:

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

它修改了一些东西,但更糟的是:看起来我的 1280 像素中只显示了大约 640 像素

编辑,这里有 2 个 html 页面来测试:

--> 当我显示 test.html 时,我只能看到绿色,看不到红色。 (我必须取消缩放才能看到两种颜色)

test.html :
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<div style="background-color:red; width: 1280px">
<div style="background-color:green; width: 980px">
hello world
<a href="test2.html">Go next page</a>
</div>
</div>
</body>
</html>

test2.html :
<html>
<head>
</head>
<body>
<div style="background-color:blue; width: 1280px">
<div style="background-color:yellow; width: 980px">
houston we have a problem
<a href="test.html">Go prev page</a>
</div>
</div>
</body>
</html>

我制作了 2 个页面,因为当从一个页面切换到另一个页面时,比例不是持久的:即使我取消缩放以适合 test.html 上的屏幕,我也必须再次取消缩放以适应 test2.html

我怎样才能一次为我的所有网页获取 1280 像素?

最佳答案

尝试将宽度设置为 100%

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

编辑:你也可以试试这个:

测试.html

<html>
<head>
<meta />
</head>
<body>
<div style="background-color:red; width: 100%">
<div style="background-color:green; width:80%">
hello world
<a href="test2.html">Go next page</a>
</div>
</div>
</body>
</html>

test2.html

<html>
<head>
</head>
<body>
<div style="background-color:blue; width: 100%">
<div style="background-color:yellow; width: 80%">
houston we have a problem
<a href="test.html">Go prev page</a>
</div>
</div>
</body>
</html>

百分比应自动采用您的设备宽度。

关于android - chrome安卓浏览器只显示部分网页宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16100655/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com