onenote笔记容器系列⑤:笔记容器的自适应宽度,跨平台细节

原创 小斯  2020-09-13 19:10 

笔记容器宽度,看似浅显,但实际上很重要。这里面有些需要注意的细节,对理解排版很有帮助。

onenote2013桌面版中,在新页面新建一个笔记容器,自动状态下键入文字,笔记容器的宽度会随着段落长度自适应扩展,当宽度达到645px左右时,宽度固定,文本换行。所以,笔记容器的默认宽度大概在645px附近。

1

如何固定笔记容器宽度?

上一篇文章中介绍过笔记容器的结构,将鼠标移动至笔记容器的右边框上,鼠标会变成双向箭头,此时按住鼠标左键,左、右拖动右边框可以改变笔记容器宽度。而且,只要按此方法手动设置过容器宽度,容器宽度就会固定,不再随输入的内容而改变笔记容器宽度。这里的固定指的是停止自适应改变。

例如,新建容器,当输入文字长度达到150px时,手动将宽度设置为100px,此时宽度就会固定为100px,不会再随文本的增长将容器宽度撑至默认的645px。

2

屏幕剪辑、表格直接影响笔记容器宽度

上述的固定宽度对文本和三方截图均有效,但对于onenote自身的屏幕剪辑和表格而言,固定宽度则失去了意义。

在容器宽度相对较小的情况下,表格或屏幕剪辑有多宽,就会将笔记容器撑得有多宽。

注意,屏幕剪辑和三方截图在这里有重要区别,前者永远是按图片实际尺寸粘贴进onenote,而后者则会按当前笔记容器固定宽度自适应改变尺寸。

3

onenote客户端的笔记容器宽度

手机客户端上的onenote笔记容器,是根据屏幕尺寸自适应宽度的。例如,云笔记本上的同样一个笔记容器,在电脑端和客户端的宽度并不一致,后者一般是屏幕尺寸的宽度。

但有些时候,我们想要让各个平台的排版完全一致,怎么办?

客户端自适应的关键前提是:当页面上只有一个笔记容器时!此时,笔记容器在客户端上显示时,会根据屏幕尺寸自动更改排版以自适应显示页面。

要想固定排版,解决办法也很简单:在该页面任意添加一个新的子对象即可,例如在任意位置再加一个笔记容器或独立图片或文件(如果你不懂为什么是这三个对象,请参考本系列第③篇:从页面结构上理解笔记容器),总之,只要页面上的子对象多于一个笔记容器,客户端将不再自适应排版,而是与电脑端完全保持一致。

弄清楚笔记容器宽度的这些基本要点,在排版上可以变得更随心所欲。

 

本文地址:http://cas01.com/6192.html
关注我们:请关注一下我们的微信公众号:扫描二维码小斯想的公众号,公众号:cas01
温馨提示:本站发布的压缩包如需密码解压,若无特别说明,密码统一为:cas01.com
版权声明:本文为原创文章,版权归 小斯 所有,欢迎分享本文,转载请保留出处!

发表评论


表情