gpt4 book ai didi

html - CSS @media 停止在 textarea 焦点上的移动设备上工作

转载 作者:行者123 更新时间:2023-11-28 11:11:14 25 4
gpt4 key购买 nike

我有一个带有文本框和提交按钮的简单网页,该网页针对桌面用户和移动用户设置了不同的样式。我的 html 文件中链接了两个 CSS 文件,它们使用

指定不同的文件
... media="screen and (min-width:1024px)" ...
... media="screen and (max-device-width:480px) and (orientation: portrait)" ...

一切正常,直到我点击手机上的文本框。格式完全清除,只剩下一个小文本框和提交按钮,我现在必须缩放才能看到。

有什么想法吗?

最佳答案

恕我直言,您没有使用 meta=viewport标记,然后点击 textarea浏览器调用 native 行为并缩放到它。尝试添加 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">给你的<head> html 页面。

关于html - CSS @media 停止在 textarea 焦点上的移动设备上工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21975397/

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