gpt4 book ai didi

css - 响应式适用于屏幕测试仪,但不适用于手机

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

直播链接在这里 http://soloveich.com/pr6/

那是一个 wordpress 网站。使用 Bootstrap ,我将整个设计分为两列

<div class="col-md-3 col-sm-6 col-xs-12" id="side1"></div>
<div class="col-md-9 col-sm-6 col-xs-12"></div>

不会把样式放在这里。太多了。

另外,使用 WEN 的响应式列布局简码来创建响应式列。

一切都在屏幕测试仪上完美运行。但不是在手机上。这两个主要栏不相互堆叠,菜单拒绝变成响应栏(它在屏幕测试仪上),并且 inpost 栏开始溢出。

通常使用此测试仪 http://quirktools.com/screenfly/

最佳答案

添加<meta name="viewport" content="width=device-width, initial-scale=1" />在你的里面 <head>标签。

您可以找到有关视口(viewport)元标记的很好解释 here .

关于css - 响应式适用于屏幕测试仪,但不适用于手机,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21594341/

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