问题标签 [goldilocks-approach]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - IE7/8 和 Goldilocks Approach（响应式网页设计）不能一起工作
...更准确地说：浏览器不适用于我稍微调整的Goldilocks ...：/
金发姑娘的方法 > goldilocksapproach.com
我的网站（进行中）> amordetango.nl/txp/test
它必须是一件小事，但我正在掩饰它......
javascript - 以 ems 获取用户视口大小
编辑
以下代码获取 em 的大小，但与我的 css 不对应。
虽然在 CSS 中横向 iPad 不会触发@media screen and (min-width: 30em) and (max-width: 63.236em) {...}（意味着它的宽度超过 63.236ems），但在 JS 中它会触发console.log('small screen')，显示通过 JS 时它的屏幕宽度小于 66.236ems？
原始问题（几乎已回答） 我正在尝试围绕“金发姑娘方法”创建一个网站。电子表格中的一切都很好，但我正在尝试动态设置嵌入地图的高度，使其始终是用户当前视口高度的 90%。但是，在地图旁边也可能有一些“地图帮助”，允许浏览器视口足够大（在本例中为 66.23ems。纵向的 iPad 超过 66.23ems）。下面是我的代码，它被注释以显示什么不起作用。
所以，我的问题是，我怎样才能通过签入 ems 来触发正确的响应？