Font Size and Code Tab Spaces setting changed to select on the mobile #11415
Comments
|
看不到视频内容，是黑屏的 |
|
调整一下网页缩放， 不知道会不会和这个视频的编码有关，是 H.265 的 |
手机上可以，电脑上没有hevc解码器 |
|
确实调整字号容易被误操作滑动到了，可以改成滚动选择数值或者放到页面最前端 |
|
我换了编码重新传了视频，你再看看行不行 |
可以了 |
|
这个是因为在滑动的过程中点击到了，还没想好要怎么避免。 |
|
@Vanessa219 比如只有点这里才能拖动，点其他地方无效：
|
|
这个是操作系统定义的，没有接口修改。 |
|
那就把 slider 默认折叠起来，给个按钮展开？ |
|
建议把字号调整的slider按钮改为数字spinner按钮（包括Tab空格数也可以这样调整） 原因：
|
这个确实是，我也发现了 |
|
移动端还要输入的话会不会比较麻烦？ |
|
移动端一般用不到那么大的字号，调字号都是小幅度调整的，输入应该比滑条好 |
|
要不下拉选择？ |
可以的，就给30以下字号都完全够用了 |
我觉得还是电脑端和移动端都统一改成数字spinner样式比较好，输入数字也还好，毕竟基本只改动一次后就不再需要更改了 |
Vanessa219
changed the title
|
数字spinner 是？ Pad 端的优化可以单独放到相关 issue 中。 |
就是这个样式 思源设置里，除了字号和tab空格用slider，设置里的其他数字输入都是用这个样式 |
|
滑动在桌面端可能会更好用一点吧。 |
|
感觉滑动在桌面也没什么用，我都是用 |
|
桌面端也挺难蚌，要鼠标移上去才能看到现在的字号，而且最大字号到72完全没必要，到30都绰绰有余了 |
|
这个 72 字号在我调试的时候还是能用到的 |
调试还是建议用css或者开发者工具改改也可以，大部分需求我觉得都是14-25之间，现在pc端要不是有鼠标，从19调到20简直像在玩穿针引线，眼睛盯着数字，然后一点点移动鼠标，但凡鼠标速度高一点马上跳几个数。建议直接输入数字都行，不用那么麻烦。或者很常见中间放输入框，左右两边放加减号，或者不用加减号按现用其他选项只有数字输入框够了，也不会误操作 |
|
gpt写的代码，可以试试，直接记事本输进去保存为html打开 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>字号调节</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
}
input[type="number"] {
width: 100px;
padding: 5px;
font-size: 16px;
}
button {
padding: 5px 10px;
font-size: 16px;
cursor: pointer;
}
</style>
</head>
<body>
<h2>字号调节</h2>
<input type="number" id="fontSizeInput" value="16">
<button id="decreaseBtn">-</button>
<button id="increaseBtn">+</button>
<script>
const fontSizeInput = document.getElementById('fontSizeInput');
const decreaseBtn = document.getElementById('decreaseBtn');
const increaseBtn = document.getElementById('increaseBtn');
decreaseBtn.addEventListener('click', () => {
fontSizeInput.stepDown();
updateFontSize();
});
increaseBtn.addEventListener('click', () => {
fontSizeInput.stepUp();
updateFontSize();
});
function updateFontSize() {
const newFontSize = fontSizeInput.value + 'px';
document.body.style.fontSize = newFontSize;
}
</script>
</body>
</html> |
|
我觉得没必要，这种上下箭头够用了：
|
桌面端有这个够了，移动端还没有这个，总之滑动条要不放最顶部要不改样式，不然肯定会滑到误触的 |
|
@Vanessa219 为啥移动端的 Tab 空格数不能为 0 呢？ |
|
不输入就是 0 了。 |
|
我更新之后默认变成 4 了，没有 0 ：
|
|
我也是，没有0了 |
话说这个是选项，没得输入啊 |
所以我才希望改成输入框，而不是选项框，选项框并不适合数字输入，所有数字可能不能完全列举 |
但实际上那两个地方已经是每个数字都列出来了（除了 |
|
@Vanessa219 Tab 空格数不能设置为零，真的没问题吗？
|
|
@88250 看看？ |
|
tab 设置为 0 的意义是？ |
|
意义是能跟 PC 保持一致
|
|
写忘记了，如果是0的话就表示为 tab，已添加。 |
我知道为什么偶尔会有用户的移动端字号变得超级大了，随手划几下就无意中调整了字号：
Mobi2.mp4
https://github.com/siyuan-note/siyuan/assets/78434827/92e1a707-bb97-4be5-a42d-b5669136661eThe text was updated successfully, but these errors were encountered: