怎么突然不歪了？
moccanism opened this issue · comments
某一天突然不歪了，一直都是正的。。。刚才升级到1.4.0也没有解决
MacOS 13.4.1
Chrome 版本 116.0.5845.96（正式版本） (x86_64)
@moccanism 你 mac 是哪款呢，屏幕特别小吗？最新版中新加的逻辑，屏宽或者屏高小于 820 px，就不会歪了。
我这边也是不歪了，刷新后也没有随机，windows11，Chrome，2k屏，全屏显示
@Sansui233 能提供下屏幕屏幕大小信息吗，我估计是屏高少于 820 px 引起的
还真是，16寸2.5k的显示器，全屏高是709。不知道浏览器窗口大小高度是个什么算法。
还真是，16寸2k的显示器，全屏高是709。不知道浏览器窗口大小高度是个什么算法。
多谢回复，我想想该怎么处理这个问题
看了一下，好像和系统缩放有关系。2.5k的分辨率高1600，在无缩放的情况下chrome窗口大小最高为1100，在150%缩放的情况下最高就是710左右。但现在HiDPI的屏幕使用100%无缩放字体很小，我电脑的推荐缩放就是150%。之前用的 Mac 的 Retina 13.3 基本调成显示为720p，不过由于四倍像素密度很清楚。Chrome高度也还是不足800。
@moccanism 你 mac 是哪款呢，屏幕特别小吗？最新版中新加的逻辑，屏宽或者屏高小于 820 px，就不会歪了。
Mbp 13-inch, 2020, Four Thunderbolt 3 ports
前端渣，不知道这算不算屏高，
@moccanism @Sansui233 我移除了高度限制，部署了一版到网页在线版，能帮忙看看效果吗
@moccanism @Sansui233 我移除了高度限制，部署了一版到网页在线版，能帮忙看看效果吗
这样的，好像四周留白更多，信息量比之前少，然后部分旋转角度会出现文字和时间的重叠。话说限高之前的是有什么问题吗
@Sansui233 多谢反馈，时间信息区域字号有些大，把内容都挤到一起了；以前做法是想着对小屏幕好一些。
能打开浏览器控制台，看看你的这三个属性的值吗？
window.screen.widthwindow.screen.heightwindow.devicePixelRatio
window.screen.width
1377
window.screen.height
861
window.devicePixelRatio
1.8600000143051147
看了下，1.86是屏幕缩放倍率1.5*文本大小1.24
window.screen.width
1536
window.screen.height
864
window.devicePixelRatio
1.25
Windows 11上也是不歪的
@Sansui233 @flyfire 我又修改了一版，部署到网页在线版，能帮忙看看现在的效果吗
字重叠了，怪不得突然感觉太正了，原来是有bug
@yang1c 谢谢你的回复，应该是高清屏太窄没适配好引起的。我想确认下你截图的是 https://wai.shaiwang.life/ 吗？另外可以打开控制台，并把控制台放置在右侧（因为放在底部会影响 innerHeight 值），能看看你这几个属性的值吗？
window.screen.width
window.screen.height
window.innerHeight
window.devicePixelRatio
我这里是这样
- 外接27寸4K显示器
- 外接24寸1080P显示器
@moccanism 多谢，效果看着还行，没有挤换行了
已提交 1.4.1 版本，包含针对这个问题的修改。
现在可以旋转了，但是不同部分之间有一些遮挡。右下角的按钮有点太大了
window.screen.width
1184
window.screen.height
666
window.innerHeight
551
window.devicePixelRatio
1.6216216216216217
@xchrix 你显示器是什么配置呢，你的 innerHeight 值 551px，好小呢，是不是放大了很多倍啊？试试调小放大倍数看一下。然后按钮看上去好大，分割线很粗，也是因为被放大了。
@dukeluo 我的是27寸4K。测试了一下，无论窗口大小，浏览器直接缩放到不同比例下都会有重叠这种现象，但是同比例下直接刷新一下页面就不重叠了。比例小于50%或大于200%我一般用不上就没继续测。
btw，这次修改除了字有点小以外，其余都挺好的，缩放重叠也不是什么大问题，谢谢！
测试了一下，无论窗口大小，浏览器直接缩放到不同比例下都会有重叠这种现象，但是同比例下直接刷新一下页面就不重叠了。
这是因为先要知道视图窗口的信息才能布局，现在视图窗口发生了变化，还不会自动重新布局，需要手动刷新一下，未来会修 :)