场景:
- 我正在开发我的网站的移动网络版本
问题:
-
当设计在我自己的笔记本电脑上运行时 它看起来很完美
,但是当我把我的HTML文件放在另一个文件上打开时 我朋友的笔记本电脑,设计完全不同,
超级凌乱。-
例如:
font-size
搞砸了。absolute positioned div
不在我设定的位置。sizes of input fields
搞砸了。
-
-
总体问题是,即使屏幕宽度和分辨率相同,UI设计在我的屏幕上看起来很完美,但在其他屏幕上
却有所不同。
使用 :Bootstrap 4
来设计 UI。
欢迎所有建议,请提出建议。
谢谢。
您可以考虑使用诸如规范化或CSS重置之类的东西.css以最大程度地减少浏览器上的默认样式表和不同操作系统之间的差异。像这样的样式表为您的网站提供了一个一致的起点,删除了浏览器发布者或计算机制造商可能添加的任何自定义样式。
只需将样式表添加为index.html
<head>
的第一个<link>
,它应该会给您一个良好的起点。由于硬件或操作系统的差异,之后可能会出现一些显示不一致的情况,因此可能需要进行一些小的调整。