我有一个简单的网页,其中包含一个文本框和提交按钮,该按钮的样式与桌面用户和移动用户不同。我在我的html文件中链接了两个CSS文件,使用
指定不同的文件... media="screen and (min-width:1024px)" ...
... media="screen and (max-device-width:480px) and (orientation: portrait)" ...
这一切都正常,直到我点击手机上的文本框。格式化完全清除,我留下一个小文本框和提交按钮,我现在必须放大才能看到。
有什么想法吗?
答案 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页面。