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

时间:2014-02-23 22:15:43

标签: html css web

我有一个简单的网页,其中包含一个文本框和提交按钮,该按钮的样式与桌面用户和移动用户不同。我在我的html文件中链接了两个CSS文件,使用

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

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

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

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