HTML保持相同的字符尺寸中的所有设备(html keep same character size

2019-08-17 11:32发布

我做出HTML锻炼几个输入按钮:
http://bullmalay.appspot.com/
我参观一下我的手机。 但我发现文字大小是非常小的。 我想原因大概分辨率。
谁能帮我对文字的大小? 我希望它可以显示在我的笔记本电脑大小相似。

PS。
我已经搜索关于CSS:@media(最小宽度:702px),然后将字体大小设置。 但我认为,即使是很小的设备可以有一个分辨率比我laptop.The尺寸高会比它显示我的笔记本电脑屏幕上的小。
我认为,大小应该是:fontSize的*(按我的笔记本电脑的像素宽度)/(每该设备的像素宽度)。 但我不熟悉的CSS。

Answer 1:

谢谢你们。 我学到了很多东西。 但是,我发现自己的原因。
在移动设备浏览器将自动缩放页面以适应手机屏幕。 我刚加入这一行HTML和它的工作原理:

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


Answer 2:

您可以使用类似@media handheld and (max-width: 500px) 。 但不幸的是,我不认为有使用CSS喜欢的方式

fontSize的*(每我的笔记本电脑的像素宽度)/(每该设备的像素宽度)



Answer 3:

只有一个办法,到目前为止我们知道,你需要做一些这样的事情

@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) ,这是和设计看起来相同的外观尺寸在任何分辨率分辨率无关。



Answer 4:

尝试添加下面的代码

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


文章来源: html keep same character size in all devices