文档章节

提2个OSC博客正文展现页面的建议

曾建凯
 曾建凯
发布于 2016/12/10 02:05
字数 458
阅读 74
收藏 0

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

正文部分

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

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

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

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

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

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

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

图片展示

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

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

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

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

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

© 著作权归作者所有

共有 人打赏支持
曾建凯

曾建凯

粉丝 333
博文 66
码字总数 104793
作品 0
广州
技术主管
私信 提问
加载中

评论(3)

曾建凯
曾建凯

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

好的,我们就笑纳了
谢谢!
OSC闲人
OSC闲人
好的,我们就笑纳了
poorfish
poorfish
赞,很好的建议
响应号召,来点建议

@红薯 1.开源中国账号 和 git@OSC 的项目绑定,在OSC上查看个人信息就能看到此人 发起的开源项目,甚至最近此用户在git@OSC的动作,比如提bug,比如fix。 2.个人博客和他发起的开源项目互通,...

明月照大江
2013/07/31
195
3
建议把被博主设置为私密的博客从博客右下角“相关文章阅读”提示窗中去掉

提一个建议: 用网页浏览OSC的博客时,拉到最下面右下角会出现一个“相关文章阅读”,这个小提示窗里面会显示很多篇博客。建议把被博主设置为私密的博客去掉,要不然点进去发现“由于作者设置...

北风其凉
2015/08/16
113
0
逛OSC好几个月了,来提点需求

首先要感谢OSC红薯及各位大大,开源中国社区很棒,这里是我历经IT之家、博客园、CSDN 之后决定驻扎的最后一站,这里有代码托管,有技术交流,有博客分享…… 好了,颂歌就到这里,下面是我个...

Colben
2015/07/25
366
6
【公告】CSDN 问答小程序 Chat 快问上线啦,快来生成你的专属提问码

从小老师就教育我们“不懂就问”;父母也教育我们不要不懂装懂。于是我们开始了提问,奈何会出现问了问题无人回答的尴尬局面。 看了一篇博客,在评论区问了个问题,无人回应;又或者遇到一个...

blogdevteam
2018/05/05
0
0
使用Eclipse-Maven-git做Java开发(12)--使用osc的git服务托管代码

我之前有写过博客介绍如何使用osc提供的git服务进行代码托管,而且还被收录到了官方的帮助里面,但是后来web界面进行了改版,我也没有更新文章,本来按照那两篇文章的内容再加上自己的摸索,...

阿信sxq
2015/12/09
392
0

没有更多内容

加载失败,请刷新页面

加载更多

vue 对对象的属性进行修改时,不能渲染页面 vue.$set()

我在vue里的方法里给一个对象添加某个属性时,我console.log出来的是已经更改的object ,但是页面始终没有变化 原因如下: **受现代 JavaScript 的限制 (而且 Object.observe 也已经被废弃),...

Js_Mei
今天
1
0
开始看《Java学习笔记》

虽然书买了很久,但一直没看。这其中也写过一些Java程序,但都是基于IDE的帮助和对C#的理解来写的,感觉不踏实。 林信良的书写得蛮好的,能够帮助打好基础,看得出作者是比较用心的。 第1章概...

max佩恩
昨天
12
0
Redux 三大原则

1.单一数据源 在传统的MVC架构中,我们可以根据需要创建无数个Model,而Model之间可以互相监听、触发事件甚至循环或嵌套触发事件,这些在Redux中都是不被允许的。 因为在Redux的思想里,一个...

wenxingjun
昨天
8
0
跟我学Spring Cloud(Finchley版)-12-微服务容错三板斧

至此,我们已实现服务发现、负载均衡,同时,使用Feign也实现了良好的远程调用——我们的代码是可读、可维护的。理论上,我们现在已经能构建一个不错的分布式应用了,但微服务之间是通过网络...

周立_ITMuch
昨天
5
0
XML

学习目标  能够说出XML的作用  能够编写XML文档声明  能够编写符合语法的XML  能够通过DTD约束编写XML文档  能够通过Schema约束编写XML文档  能够通过Dom4j解析XML文档 第1章 xm...

stars永恒
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部