产品部署之后展示的效果与开发时的效果不一致

[mulinchenkai]

请问各位大佬哪位有空看看这个问题

我的 HTML 项目在部署了之后不知道是字体缩减还是等比缩减

我在仓库的 md 文件上传了图片
https://github.com/MUlinGYS/knowledge-base

demo 地址为： https://chenkaideknow.zeabur.app/

在使用 http-server 时
访问 IP 地址时显示的是错误的效果
访问 localhost 地址时又是正确的效果

在控制台没有看见报错，希望有大佬帮我解答一下

[alleluya]

.container 这个 classmargin-left 和 right 给了 auto 所以不同视口宽度下实际外边距会不一样 如果要固定宽度 这里给成固定值就好了

[GeruzoniAnsasu]

css 的问题

那你看一下本地部署和远程部署的东西 computed 结果嘛

如果只从一个地址访问符合预期说明有什么样式相关的资源被错误地硬编码了。


而且你这个 repo 应该是 build 之后的成品，我们也不知道你 build 过程是怎样的，有没有转换大小单位之类的，你只能自己排查。 把 source map 打开。



> 不知道是字体缩减还是等比缩减
你源码里用的绝对大小单位还是相对大小单位？

[mulinchenkai]

@alleluya 似乎并没有什么用，只是边距变了，字体一样是小的

[mulinchenkai]

@GeruzoniAnsasu 我是纯 H5 ，然后引用了 bootstrap 和 templatemo-style 的这些库，我没有去 build ，是直接扔进服务器的，字体设的是 px ，source map 似乎没有用，我没有使用过 source map

[Rache1]

让我想起前两天在思否看到的那个提问，你本地的网址不会开了缩放把，按一下 Ctrl + 0 看看

[yKXSkKoR8I1RcxaS]

你这个 Login 界面真刺眼，眼睛要瞎了。

[mulinchenkai]

@Rache1 真的真的！！我发现浏览器缩放比例一致之后网页的大小比例也就一致了