在将浏览器调整为不同的手机屏幕和平板电脑屏幕的宽度时，该字体似乎可读性好并且足够大，但是当我在平板电脑上查看该网站时，字体似乎更小且可读性不足。
我认为浏览器可以真正显示较小屏幕设备上的网站外观，但事实并非如此，因为平板电脑屏幕上的字体很小。
那么，为什么将字体调整为相同大小后，却不会在较小的设备上显示与浏览器相同的字体？
答案 0 :(得分：1)
viewport meta标签告诉浏览器您的站点已做好响应准备，并允许浏览器将站点缩放到设备像素，而不是实际像素。这将模拟较窄的视口，内容在屏幕上以更大的自然尺寸显示。此标记应放置在HTML文件的head部分中。
<meta name="viewport" content="width=device-width, initial-scale=1.0">