gpt4 book ai didi

html - 如何在移动设备上显示桌面网站?

转载 作者:行者123 更新时间:2023-11-28 09:07:34 24 4
gpt4 key购买 nike

我只想在移动设备中显示桌面版本而无需任何更改。我添加了以下代码

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

它有效但不是 100%。

这是桌面和移动设备的屏幕截图。

桌面版 Desktop Version

手机版

enter image description here

你能告诉我如何解决这个问题吗?我只想像桌面一样显示。

如果你在截图中找不到问题,我会告诉你问题是什么

“晚宴、婚礼、聚会、节日派对、公司事件和路演”在移动端的横幅下运行。

感谢大家

最佳答案

我不确定它对你有多大帮助。

通常在这种情况下“图像是 float 的,所以文本会自然地环绕在它下面。”

1.删除视口(viewport)元数据

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

  1. 将类添加到主体

  2. 添加媒体查询

例子

.page-wrap { width: 80%; }

@media (max-width: 600px) {
.resp .page-wrap { width: 100%; }
}

引用

http://css-tricks.com/user-opt-out-responsive-design/

关于html - 如何在移动设备上显示桌面网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26638242/

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