为什么字体在手机或平板电脑上看起来比相应的浏览器大小小?
Why font seems smaller on mobile or tablet than the corresponding browser size?
将浏览器调整到不同手机和平板电脑屏幕的宽度时,字体看起来可读性很好而且足够大,但是当我在我的平板电脑上查看网站时字体看起来更小并且不够可读。
我认为浏览器是网站在较小屏幕设备上的外观的真实指标,但事实并非如此,因为字体在我的平板电脑屏幕上看起来很小。
那么,为什么当调整到相同大小时,字体在较小的设备上显示的效果与浏览器的显示效果不一样??
视口元标记告诉浏览器您的网站已做好响应准备,并允许浏览器将您的网站缩放到设备像素而不是实际像素。这应该模拟更窄的视口,内容在屏幕上以更自然的尺寸显得更大。此标签应放在 HTML 文件的 head
部分。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
将浏览器调整到不同手机和平板电脑屏幕的宽度时,字体看起来可读性很好而且足够大,但是当我在我的平板电脑上查看网站时字体看起来更小并且不够可读。
我认为浏览器是网站在较小屏幕设备上的外观的真实指标,但事实并非如此,因为字体在我的平板电脑屏幕上看起来很小。
那么,为什么当调整到相同大小时,字体在较小的设备上显示的效果与浏览器的显示效果不一样??
视口元标记告诉浏览器您的网站已做好响应准备,并允许浏览器将您的网站缩放到设备像素而不是实际像素。这应该模拟更窄的视口,内容在屏幕上以更自然的尺寸显得更大。此标签应放在 HTML 文件的 head
部分。
<meta name="viewport" content="width=device-width, initial-scale=1.0">