gpt4 book ai didi

css - 移动页面宽度大于导致 Chrome 模拟器缩放更小

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

我正在尝试创建一个由正文和 div 组成的移动登录页面,其中包含用于用户名密码的文本框。使用 Chrome 模拟器时,我注意到模拟器会自动缩放到 0.4(这显然看起来不太好)当我放大到 1.0 时,我的页面似乎超出了视口(viewport)。这是我的 body CSS:

    html, body {font-family: Arial, sans-serif;background: #fff;margin: 0;padding: 0;border: 0;position: absolute;height: 100%; width: 100% !important;max-width:100% !important;font-size: 13px;color: #404040;direction: ltr;}

否则所有子元素都比请求的视口(viewport)窄。

我对移动设计很陌生,我觉得我缺少某种设置/css,这会导致页面正确缩放。

最佳答案

添加视口(viewport)元标记就成功了!

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

关于css - 移动页面宽度大于导致 Chrome 模拟器缩放更小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31914170/

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