CSS @media停止在textarea焦點的移動設備上工作

我有一個簡單的網頁，其中包含一個文本框併爲桌面用戶和移動用戶提供不同樣式的按鈕。我在我的HTML文件鏈接兩個CSS文件，使用CSS @media停止在textarea焦點的移動設備上工作

... media="screen and (min-width:1024px)" ... 
... media="screen and (max-device-width:480px) and (orientation: portrait)" ...

這一切工作正常指定不同的文件，直到我點擊我的手機上的文本框中。格式化完全清除，我剩下一個小小的文本框並提交按鈕，我現在必須放大才能看到。

任何想法？

來源

2014-02-23 naweinberger

你能發送鏈接嗎？ – sinisake

鏈接已發佈，但因爲我找到解決方法而被刪除。 – naweinberger

@naweinberger那是什麼解決方法？這個問題仍然是開放的嗎？如果沒有，請發佈自己的答案或關閉問題。 – feeela

恕我直言，你沒有使用標記，然後你點擊textarea瀏覽器調用本地行爲並縮放它。嘗試將 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> 添加到您的<head>的html頁面。

來源

2014-06-17 10:17:11 Pinal

CSS @media停止在textarea焦點的移動設備上工作

回答

相關問題