提2个OSC博客正文展现页面的建议
提2个OSC博客正文展现页面的建议
曾建凯 发表于1年前
提2个OSC博客正文展现页面的建议
  • 发表于 1年前
  • 阅读 63
  • 收藏 0
  • 点赞 0
  • 评论 3

腾讯云 技术升级10大核心产品年终让利>>>   

博客改版样式很正,必须赞!

正文部分

博客正文宽度部分,是固定在800px的,而文章右边的随页面滚动的导航,则在280的宽度,所以实际上整体宽度是在1100以内。

我建议,这个页面是不是能考虑把正文部分的宽度稍微加宽一点,撑到1200左右,并且增加响应式的适配。

在浏览器尺寸大于1280的时候,正文内容维持在960,导航则是280。

当浏览器宽度缩小,正文部分缩窄,为浏览器宽度 - 280的宽度。

当浏览器宽度小于1000以后,侧边导航隐藏,保持正文宽度仍然维持在960,而侧边导航则出现浏览器的顶部或者底部。大概类似这样:

当然,我这是随便一画的。大致的意思就是将在侧边的导航隐藏在上下页眉或者页脚中,保持中间正文的可视宽度。

最后随着浏览器宽度缩小正文部分的宽度,以及字体等。

图片展示

随着正文宽度调整,文章段落中插入的图片,是否也能按照响应式的方式来做,即当图片是超过960(或800)的时,能把图片按照这个宽度来生成缩略图,比如这个页面:

https://my.oschina.net/u/2894582/blog/803365

这图片缩小到了640px宽度,文字缩小了,真让我看得着急。其实打开原图看是766px的,原图的尺寸,还是能看得比较清晰的。

而看新闻的正文页,内文图片则是能100%撑满正文部分的,这可真是厚此薄彼啊。

就这两个小想法,希望笑纳。

共有 人打赏支持
粉丝 321
博文 56
码字总数 88252
评论 (3)
poorfish
赞,很好的建议
成熟的毛毛虫
好的,我们就笑纳了
曾建凯

引用来自“成熟的毛毛虫”的评论

好的,我们就笑纳了
谢谢!
×
曾建凯
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: