René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"关于 2018-04-08 移动端适配常识中的根元素 font-size 大小问题","articleBody":"文中「[rem配合font-size布局](https://github.com/2017-TopView-FrontEnd/JavaScript-For-Us/blob/master/2018.04.08/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E9%80%82%E9%85%8D%E5%B8%B8%E8%AF%86.md#rem%E9%85%8D%E5%90%88font-size%E5%B8%83%E5%B1%80)」处，提到根元素 `\u003chtml\u003e` 的 font-size 的大小（基准值）公式：\r\n\r\n```js\r\n基准值 = document.documentElement.clientWidth * dpr / 10\r\n```\r\n\r\n这里本人做了测试，如果 `\u003chead\u003e` 中已经添加了 viewport 的 meta 标签，`document.documentElement.clientWidth` 这个值是进行缩放后的值。\r\n\r\n以 iPhone6 为例，该设备的屏幕宽度为 375，dpr 为 2。 页面未添加 viewport 的 meta 标签之前，`document.documentElement.clientWidth` 为 980，添加  `\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no\"\u003e\r\n` 之后，`document.documentElement.clientWidth` 为 750。\r\n\r\n**结论**就是：根元素 `\u003chtml\u003e` 的 font-size 的大小（基准值）的设置这里是**不需要再乘 dpr** 的。\r\nemmm，这是我对该文章的思考，就这样。","author":{"url":"https://github.com/jermyn626","@type":"Person","name":"jermyn626"},"datePublished":"2018-04-10T06:57:41.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/23/JavaScript-For-Us/issues/23"}