javascript - 为什么我的 Angular 元素UI在Windows操作系统和Mac操作系统中显示不同?

标签 javascript css angular user-interface

我遇到与角度为6的主题的UI有关的问题。问题是Windows OS中的UI显示不同且更大,而在Mac中则不是。我在MAC OS中制作了主题。
在WINDOWS OS screenshot from Windows os

在MAC OS screenshot from mac os

最佳答案

根据您的屏幕截图,您的屏幕尺寸对我来说似乎有所不同。这可能会导致表格的大小不同。

但是也可能是您使用的字体在Windows上可用,但在Mac上不可用,或者反之亦然。 (例如,Windows系统字体,“ Segoe UI”)。

如果要在MacOS和Windows上设置相同的字体,建议您将字体与网站一起发送,或从Web上单独加载。
在此处可以找到将自定义字体嵌入网站的示例:Google Fonts (Roboto)

您只需要打开菜单,该菜单在我的右下角。有关如何在网站中嵌入字体的示例。 (如果菜单不适合您,请参见以下示例:

<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

在此示例中,字体是从Google请求的,而不是从您的Web服务器请求的!)

希望可以帮到您!

关于javascript - 为什么我的 Angular 元素UI在Windows操作系统和Mac操作系统中显示不同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51490455/

相关文章:

html - Angular 中带有 *ngfor 的右浮动按钮

javascript - 为什么在使用@angular/redux-store 中的@select 时,Angular 守卫的行为会有所不同

angular - Ionic 4 与 Angular 如何设置动态 HTML dir 属性?

javascript - 动画添加边框(增长然后收缩)

java - 语法错误: missing ) after argument list while reading csv file and alerting in js

javascript - 在 javascript/css/jQuery 中弹出...?

html - 背景图片不覆盖手机

css - 如何绕过 Bootstrap 3 中的 768px 折叠阈值?

javascript - Materialise CSS Dropdown 更新 DOM insideText

css - 单击时切换 fa-thumbs-up 图标(或任何字体很棒的图标)颜色