惊奇!

今天在完善CP主题的时候,发现“动态描述”在过长的时候会出现如下的奇怪现象:

比方说一开始描述在达到顶部宽度的60%左右就会换行。然后在我下滑页面之后,描述在达到顶部宽度的75%左右才换行。造成前后描述展示的样子不大一样。

我先去检测了一下各模块的宽度。果然发现,我把.description的宽度设置为max-width:75%(为了给右边的社交图标和菜单开关预留空间)。然后他的父元素.main-header的宽度只有80%。这就是问题所在,因为当我下滑之后,会触发一个让顶部固定的js,这个js函数会把.main-header的宽度变成100%。

刚开始我愣了一下,为何我要把.main-header的宽度设置成80%?但是我很快就记起来了,两个多月前刚刚开始开发这个主题的时候,.main-header的宽度设置成100%会出现一个问题:顶部会向右溢出一些。

就这样我怀着忐忑不安的心情把.main-header的宽度设置成100%。心里想这下可能描述的问题解决了,但是搞不好最初那个困扰我几个小时的问题又会出现。不过我想大不了再去研究一下那个问题,现在的实力肯定也是今非昔比了。

但是没想到,根本没有出现之前的问题!我很惊喜,应该是在开发主题的过程中,写的某些代码,暗中把那个问题解决了吧。

你可能还喜欢

2则评论

  1. 评论框太大,不美观

    1. 电脑端还是手机端?高度太大了吗?宽度应该是和文章内容一样的。
      Ajax我会考虑的。可能会在完成古藤堡兼容计划之后去付诸实现。
      还有什么建议吗,感谢!

发表评论

电子邮件地址不会被公开。 必填项已用*标注