gpt4 book ai didi

android - 我使用什么 CSS 代码让我的网​​页填满 iPhone 或 Android 的屏幕?

转载 作者:太空宇宙 更新时间:2023-11-03 11:45:30 24 4
gpt4 key购买 nike

我有下面的 HTML 代码。我已经将 body 的宽度设置为 640px,这接近于 iPhone 的分辨率。但是,当我在 iPhone 或 Android 上查看网页时,它的显示就像在我的网络浏览器中一样——只占据了屏幕的一部分。文本太小,无法使用。

我要使用什么 CSS 代码才能使文本在桌面浏览器中保持正常,但在移动设备上会填满屏幕?我阅读了一些有关使用 device-width 属性的内容,但我也无法使它们起作用。我做错了什么?

注意我并不是要让红色边框一直延伸到整个屏幕(例如:body:width100%)。我只是不明白为什么 iPhone 没有放大设置为与它应该具有的分辨率相同的区域。

HTML代码:

<style>
body{ width:640px; border: 1px solid red; }
</style>

</head>
<body>
Hello World
</body>
</html>

实际输出:

actual1.jpg

期望的输出:

desired.jpg

最佳答案

把这个放在你的 head 标签中:

<meta name="viewport" content="width=480">

关于android - 我使用什么 CSS 代码让我的网​​页填满 iPhone 或 Android 的屏幕?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8123921/

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