当将浏览器的大小调整到不同的移动和平板电脑屏幕的宽度时，字体看起来很可读并且足够大，但是当我在我的平板电脑上检查网站时，字体似乎更小并且不够可读。
我认为浏览器是一个真实的指标，显示网站在较小的屏幕设备中应该是什么样子，但事实并非如此，因为我的平板电脑屏幕中的字体看起来很小。
那么为什么较小的设备上的字体在调整大小到相同大小时不会像浏览器那样显示？
视口元标记告诉浏览器您的网站已准备好响应，并允许浏览器将您的网站扩展为设备像素而非实际像素。这应该模拟一个较窄的视口，其内容在屏幕上以更自然的尺寸显得更大。此标记应放在HTML文件的head部分中。
<meta name="viewport" content="width=device-width, initial-scale=1.0">