具有恒定像素字体大小的响应式文本大小？答案

【问题标题】：Responsive Text Size with a Constant Pixel Font-Size?具有恒定像素字体大小的响应式文本大小？
【发布时间】：2016-05-01 07:16:45
【问题描述】：

在像https://www.gofundme.com/ 的移动版这样的网站上，文本大小是响应式的，但活动的font-size 保持恒定值，例如 34 像素。

当我更改窗口大小时，网站文本的大小与屏幕大小保持成比例。屏幕为 500 像素时出现在第二行的文字仍然在第二行，即使屏幕宽度有很大差异（200 像素与 2000 像素）。从最后一个字母到屏幕右边缘的相对距离在所有屏幕尺寸上都是相同的。

因为font-size 以像素为单位，我希望单词位置取决于屏幕大小，但在 gofundme.com 上似乎并非如此。

这是怎么做到的？

【问题讨论】：

【解决方案1】：

我相信这是由于<head> 中指定的固定视口大小：

<meta name="viewport" content="width=640, user-scalable=no">

这会导致整个页面缩放以适应设备（保持 640 像素宽视口的比例），而不是调整单个内容元素的大小和移动。

【讨论】：