场景：
问题：
当设计在我自己的笔记本电脑上运行时
看起来很完美
但是当我将HTML文件放到另一个
我朋友的笔记本电脑，
设计完全不同且超级混乱。
例如：
font-size搞砸了。absolute positioned div不在我设置的位置。sizes of input fields搞砸了。总体问题是，即使在相同的屏幕宽度和分辨率下，UI设计在我的屏幕上看起来也很完美
但在其他屏幕上却有所不同。
使用： Bootstrap 4设计用户界面。
欢迎所有建议，请提出建议。
谢谢。
答案 0 :(得分：0)
您可能会考虑使用Normalize.css或CSS Reset之类的东西，以最小化浏览器和不同操作系统上的默认样式表之间的差异。这样的样式表为您的网站提供了一个一致的起点，消除了浏览器发行商或计算机制造商可能添加的任何自定义样式。
只需将样式表添加为<link>的{{1}}中的第一个<head>，这应该为您提供一个良好的起点。由于硬件或操作系统的差异，之后可能会出现一些显示不一致的情况，因此可能需要进行一些细微的调整。