文档章节

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

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

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

正文部分

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

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

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

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

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

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

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

图片展示

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

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

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

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

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

© 著作权归作者所有

共有 人打赏支持
曾建凯
粉丝 324
博文 57
码字总数 90297
作品 0
广州
技术主管
加载中

评论(3)

曾建凯
曾建凯

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

好的,我们就笑纳了
谢谢!
OSC闲人
OSC闲人
好的,我们就笑纳了
poorfish
poorfish
赞,很好的建议
OSChina 开源周刊 41 期 —— Python 不是 C

每周技术抢先看,总有你想要的! 移动开发 【翻译】为什么 JavaScript 会在移动端中胜出? 【博客】开发基于 PhoneGap 的 Hybrid APP 前端开发 【翻译】使用 HTML5 时如何改进移动 Web 应用开...

OSC编辑部
2015/07/04
4.1K
0
AEAI Portal手机门户配置手册

概要 AEAI Portal门户平台专门为前端界面层集成而设计,具有开放、敏捷的特性,能够快速配置多异构系统(如:OA、ERP、MIS、CRM等)统一用户认证、单点登录、菜单集成、页面集成、页面剪切、...

数通畅联
2015/04/14
0
0
使用Eclipse-Maven-git做Java开发(12)--使用osc的git服务托管代码

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

阿信sxq
2015/12/09
392
0
【公告】CSDN 问答小程序 Chat 快问上线啦,快来生成你的专属提问码

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

blogdevteam
05/05
0
0
优化谷歌浏览器中OSC博客阅读体验

在oschina中看博客的体验对我来说有些小细节不满意。所以决定优化一下。思路通过chrome浏览器的插件来解决。 使用Stylebot优化CSS 我经常用到h2和h3,而OSC和h2不够大、h3和正文差不多,不适...

樂天
2016/12/24
14
0

没有更多内容

加载失败,请刷新页面

加载更多

python装饰器执行顺序

上来先看代码: import timedef deco(func): def wrapper(): startTime = time.time() print "start" func() print "end" endTime =......

fang_faye
23分钟前
1
0
java常用设计模式

设计模式:面向接口和抽象类编程,依赖接口或抽象类而不依赖具体实现 一、创建型 1、工厂方法(Factory Method) a、普通工厂:根据不同参数返回创建的不同对象。 b、工厂方法:根据不同方法...

狠一点
25分钟前
1
0
python:获取文件最后N行

#获取文件最后N行的函数 def tail(inputfile) : filesize = os.path.getsize(inputfile) blocksize = 1024 dat_file = open(inputfile, 'r') last_line = "" if filesize > blocksize : maxs......

perofu
32分钟前
2
0
JavaScript(四):注释

认识 注释的作用 是提高代码的可读性,帮助自己和别人阅读和理解你所编写的JavaScript代码,注释的内容不会在网页中显示。 注释可分为 单行注释与 多行注释 两种。 我们为了方便阅读,注释内...

Agnes2017
38分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部