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保持相同的字符尺寸中的所有设备

回答

相关问题