我做出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