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

255 天前
 mulinchenkai
请问各位大佬哪位有空看看这个问题

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

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

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

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

在控制台没有看见报错,希望有大佬帮我解答一下
1319 次点击
所在节点    程序员
7 条回复
alleluya
255 天前
.container 这个 classmargin-left 和 right 给了 auto 所以不同视口宽度下实际外边距会不一样 如果要固定宽度 这里给成固定值就好了
GeruzoniAnsasu
255 天前
css 的问题

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

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


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



> 不知道是字体缩减还是等比缩减
你源码里用的绝对大小单位还是相对大小单位?
mulinchenkai
255 天前
@alleluya 似乎并没有什么用,只是边距变了,字体一样是小的
mulinchenkai
255 天前
@GeruzoniAnsasu 我是纯 H5 ,然后引用了 bootstrap 和 templatemo-style 的这些库,我没有去 build ,是直接扔进服务器的,字体设的是 px ,source map 似乎没有用,我没有使用过 source map
Rache1
255 天前
让我想起前两天在思否看到的那个提问,你本地的网址不会开了缩放把,按一下 Ctrl + 0 看看
yKXSkKoR8I1RcxaS
255 天前
你这个 Login 界面真刺眼,眼睛要瞎了。
mulinchenkai
252 天前
@Rache1 真的真的!!我发现浏览器缩放比例一致之后网页的大小比例也就一致了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1031970

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX