首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

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

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

1

如何固定笔记容器宽度?

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

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

2

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

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

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

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

3

onenote客户端的笔记容器宽度

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

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

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

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

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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200913A0DHF200?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券