文档章节

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

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

精选30+云产品,助力企业轻松上云!>>>

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

正文部分

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

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

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

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

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

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

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

图片展示

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

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

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

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

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

曾建凯

曾建凯

粉丝 337
博文 67
码字总数 105203
作品 0
广州
技术主管
私信 提问
加载中
此博客有 3 条评论,请先登录后再查看。
使用微信快捷登录Wordpress博客

主要功能:使用微信验证登录Wordpress博客 使用场景:要在别人电脑上登录自己的博客?担心别人电脑登录帐号时的密码安全问题?别担心,微信登录wordpress插件很快将会上架,验证码失效机制+...

CplusHua
2012/12/28
1.1K
5
OSC博客改版想法整理【2016/5/6更新】

主旨 计划改版的内容包括: 博客列表 博客发布/编辑 博客的展示 博客专区 不计划改版的内容包括: 我们的追求 博客列表 我这里说的博客列表,从属性上分,有内、外两个,内指的是用户自己博客...

曾建凯
2016/05/05
526
3
OSCHINA 社区用户手册(2018 年 3 月版)

为方便广大用户更好的了解社区环境,更快的熟悉社区操作,特编写此手册。本手册将从以下几个方面帮助用户更好的熟悉社区。 一、用户注册/登录流程说明 注册 登录 忘记密码以及其他登录提示 ...

编辑部的故事
2018/03/13
3.9K
9
Smart 官网项目规划

记得在 2013 年 9 月 1 日,我初次来到开源中国(OSC),写了我生命中的第一篇博文《Smart - 轻量级 Java Web 开发框架》。当初我只是想利用自己的闲暇时间,做一个小框架玩玩,并非是为了推...

黄勇
2014/05/04
4.7K
17
【公告】CSDN 问答小程序 Chat 快问上线啦,快来生成你的专属提问码

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

blogdevteam
2018/05/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring heapdump 查找敏感信息

意义不大,乱写的辣鸡东西。

osc_jze5xfnz
8分钟前
9
0
Spark环境搭建(上)——基础环境搭建

Spark摘说 Spark的环境搭建涉及三个部分,一是linux系统基础环境搭建,二是Hadoop集群安装,三是Spark集群安装。在这里,主要介绍Spark在Centos系统上的准备工作——linux系统基础环境搭建。...

osc_qnf5stcu
10分钟前
0
0
vue中使用kindeditor富文本编辑器2

第一步,下载依赖 yarn add kindeditor  第二步,建立kindeditor.vue组件 <template> <div class="kindeditor"> <textarea :id="id" name="content" v-model="outContent"></tex......

osc_c1kk059r
11分钟前
0
0
由HashMap哈希算法引出的求余%和与运算&转换问题

1、引出问题   在前面讲解 HashMap 的源码实现时,有如下几点:   ①、初始容量为 1<<4,也就是24 = 16      ②、负载因子是0.75,当存入HashMap的元素占比超过整个容量的75%时,进行...

osc_gzy7qjj6
12分钟前
5
0
CentOS 7.4下使用yum安装MySQL5.7.20 最简单的

CentOS7默认数据库是mariadb, 但是 好多用的都是mysql ,但是CentOS7的yum源中默认好像是没有mysql的。 上一篇安装的是5.6的但是我想安装5.7的 yum安装是最简单的 尝试过编译安装各种问题,最...

osc_3b0dcpcm
13分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部