当将浏览器调整到不同的移动屏幕和平板电脑屏幕的宽度时,字体看起来很好的可读性和足够大,但当我查看平板电脑上的网站时,字体似乎更小,也不够可读性。
我认为浏览器是网站在较小屏幕设备中应该是什么样子的真实指示器,但情况似乎并非如此,因为在我的平板电脑屏幕上字体看起来很小。
那么,为什么在将字体调整到相同大小时,在较小的设备上不显示与浏览器相同的字体呢??
发布于 2019-02-14 03:16:32
viewport标签告诉浏览器您的站点已经就绪,并且允许浏览器将站点缩放到设备像素,而不是实际的像素。这应该模仿一个更窄的视口,内容在屏幕上以更自然的大小出现更大。这个标记应该放在HTML的head
部分。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
https://stackoverflow.com/questions/54688748
复制相似问题