HTML保持相同的字符尺寸中的所有設備

我做出HTML鍛鍊幾個輸入按鈕：
http://bullmalay.appspot.com/
我參觀一下我的手機。但我覺得文字的大小真的很小。我認爲原因是關於解決方案。
任何人都可以幫助我瞭解文字大小嗎？我希望它可以在我的筆記本電腦上顯示相似的尺寸。

ps。
我已經搜索了關於css：@media（min-width：702px），然後設置字體大小。但我認爲即使是小型設備的分辨率也會高於我的筆記本電腦。其尺寸會比我的筆記本電腦屏幕上顯示的尺寸小。
我認爲大小應該是：fontSize *（我的筆記本電腦的每像素寬度）/（該設備的每像素寬度）。但我對css不熟悉。HTML保持相同的字符尺寸中的所有設備

來源

2013-03-11 bluearrow

謝謝大家。我學到了很多。但我自己找到原因。
移動設備上的瀏覽器會自動縮放頁面以適應移動屏幕。我只是將此行添加到html，它的工作原理：

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

來源

2013-03-11 15:27:21 bluearrow

您可以使用類似@media handheld and (max-width: 500px)之類的東西。但不幸的是，我不認爲有使用CSS像

fontSize的*（按我的筆記本電腦的像素寬度）/（每該設備的像素寬度）的方式

來源

2013-03-11 07:32:12 Ovilia

只有一個這樣，到目前爲止，我們知道，您需要做一些這樣的事

@media (max-width: 300px) { 
    html { font-size: 70%; } 
} 

@media (min-width: 500px) { 
    html { font-size: 80%; } 
} 

@media (min-width: 700px) { 
    html { font-size: 120%; } 
} 

@media (min-width: 1200px) { 
    html { font-size: 200%; } 
}

好療法是一兩件事你可以做，你可能想設置字體大小以pt爲單位(1pt = 1/72 inch)，這是獨立的分辨率和旨在在任何分辨率下看起來相同的外觀尺寸。

來源

2013-03-11 07:33:04

嘗試添加下面的代碼

body{ 
    -webkit-text-size-adjust: none; 
}

來源

2013-03-11 07:40:37 Sowmya

HTML保持相同的字符尺寸中的所有設備

回答

相關問題