textarea根據屏幕大小更改字體大小

我不知道在桌面瀏覽器中會發生什麼，但在Android默認瀏覽器中，當我將寬度和高度保持爲100％時，textarea的字體大小會根據屏幕我試圖提醒字體大小的textarea，但它不會改變。我認爲這是瀏覽器中的錯誤，如果不是有沒有辦法解決這個問題？textarea根據屏幕大小更改字體大小

任何幫助，將不勝感激。

代碼很簡單，它是：

<textarea></textarea> 
<style> 
    textarea{ 
    width:100%; 
    height:100%; 
    font-size:16px; 
    } 
</style> 
<script> 
    alert($("textarea").css("font-size"));//uses jquery 
    //Outputs 16 
</script>

我注意到，字體大小開始寬度變後改變超過〜450像素

來源

2016-07-10 Shrikanth Buds

我認爲相關的問題：

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

只需檢查<head>標籤，並刪除，如果存在- 不推薦 -

可能與cssmedia Query 支票stylesheet媒體查詢和修改font-size

來源

2016-07-10 09:35:23 Radian

我已將其刪除..它不起作用 –

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

禁用變焦的另一個原因。

來源

2016-07-10 09:35:51

根據輔助功能指南，我們不禁用縮放功能，這對視力受損的人來說是不友好的。 –

我想這樣做，但我真的不想調整到視口的時刻，雖然調整到視口確實解決了問題，因爲屏幕寬度變得小於450像素:( –

textarea根據屏幕大小更改字體大小

回答

相關問題