设计响应浏览器字体设置的网页
设计响应浏览器字体设置的网页
提问于 2014-03-21 20:45:21
我的一位同事注意到，我所建的页面显示不正确，因为他把Chrome的字体大小增加到了“大”。
我意识到我没有为页面指定默认字体。当我这样做时，它会覆盖他的浏览器设置，并以我指定的大小显示文本。现在，他可以看到页面，但文本不是他想要的大字体。
是否有可能以这样的方式设计页面，使我的div和容器响应浏览器的设置？换句话说，如果用户在浏览器设置中增加了默认字体大小，是否有办法增加div的大小？
我的直觉告诉我，这是不可能的，因为CSS媒体查询响应窗口大小。我希望有人能在这个话题上启发我，或者证实我的怀疑。
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-03-21 20:53:34
在web开发和CSS工作中，字体(以及许多其他事情)的工作方式是编写CSS，以向浏览器建议应该如何处理。浏览器可以自由地实现您的建议(通常情况下，95%的时间，只要它们是有意义的)，但也可以自由地忽略它们。字体很难，因为，(1.)它们在浏览器可能忽略的事情列表中占有很高的位置，(2)有一小部分字体可以可靠地存在于所有设备上，和(3)。目前还没有任何100%的解决方案可以通过网络在任意设备上显示任意字体。
尽管如此，听起来这些是你最感兴趣的概念：
- EM宽度：
em是一个宽度，基本上表示用户字体中字母m的宽度。这以及百分比(这有一些主要的缺陷)，允许您指定相对字体大小。 - 字库，它是一种CSS声明，试图通过在列表中声明类似的字体来实现跨页面的一致性，浏览器可以在列表中显示或返回，直到没有选择并显示默认值为止。
- 重置CSS给自己一个空白版。这有不同的实现，但是重置CSS试图在不同的主要浏览器之间规范默认CSS中的各种差异。
Stack Overflow用户
发布于 2014-03-21 20:53:38
如果您根据ems和rems设置所有大小，而不是像素或点，那么所有操作都将相对于用户设置的字体大小进行。这允许用户选择他们的默认字体大小，并调整周围的所有大小。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22569201
复制相关文章
相似问题
腾讯云开发者
