FishHawk / auto-novel

轻小说机翻网站,支持网络小说/文库小说/本地小说
https://books.fishhawk.top/
GNU General Public License v3.0
241 stars 28 forks source link

fix: disable ios auto scale #33

Closed IronKinoko closed 2 months ago

IronKinoko commented 2 months ago

问题描述

当聚焦输入框的时候,如果字体小于16px,iOS系统会自动放大界面优化用户体验。

只是放大后体验并不好

改动

把两处常用的输入框字体改成16px,这样操作的时候就不会被自动放大给影响到了。

这种改动是修复的方式之一。

https://github.com/FishHawk/auto-novel/assets/32838658/faf84608-2e0c-4b38-887d-2aa92fa7a47e

https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone

FishHawk commented 2 months ago

这iOS也太恶心人了,字体大一号很难看,禁用缩放也不合适。

FishHawk commented 2 months ago

你觉得改成识别iOS手机然后禁用缩放如何?

IronKinoko commented 2 months ago

我试试动态修改。

顺便一提,iOS10以后浏览器会无视 user-scalable=no 配置。即禁止自动放大,用户还是可以手动放大

IronKinoko commented 2 months ago

可以了,动态设置可以能生效,而且可以手动缩放

FishHawk commented 2 months ago

可以了,动态设置可以能生效,而且可以手动缩放

ok。不过为啥写在router里面?以后移到main里面没啥关系吧?

IronKinoko commented 2 months ago

只是这里刚好有 isSafari 判断。 不过 window.history.scrollRestoration = 'auto'; 确实得写这里。得在 vue-router 初始化之后