文档章节

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

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

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

正文部分

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

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

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

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

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

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

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

图片展示

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

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

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

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

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

© 著作权归作者所有

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

评论(3)

曾建凯
曾建凯

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

好的,我们就笑纳了
谢谢!
OSC闲人
OSC闲人
好的,我们就笑纳了
poorfish
poorfish
赞,很好的建议
AEAI Portal手机门户配置手册

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

数通畅联
2015/04/14
0
0
OSChina 开源周刊 41 期 —— Python 不是 C

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

OSC编辑部
2015/07/04
4.1K
0
【公告】CSDN 问答小程序 Chat 快问上线啦,快来生成你的专属提问码

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

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

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

阿信sxq
2015/12/09
392
0
优化谷歌浏览器中OSC博客阅读体验

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

樂天
2016/12/24
14
0
AEAI Portal网站门户配置手册

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

数通畅联
2015/04/22
0
2
Hexo 入门指南(三) - 文章 & 草稿

文章 命令行中输入: 之后在目录下面,多了一个的文件。 打开之后我们会看到: 文件的开头是属性,采用统一的yaml格式,用三条短横线分隔。下面是文章正文。 文章的正文支持markdown格式,建...

apachecn_飞龙
2014/11/01
0
0
后台管理的页面方案选择

以前用extjs的,但是感觉太大,在外网下效率不是很好,而且定的太死,不太利于自己修改风格。现在纯跳转式的交互方式一般不用了吧。基本有2种: 1.类似extjs,easyui的ajax页面框架,当然可以选...

铂金小虫
2013/06/18
310
4
Spring mvc 404 URL

我在web.xml 配置 404错误处理 在404.jsp页面引入如下js, 页面URL为- http://qzone.qq.com/qzone-----> 直接跳转到qq 如osc的---》 http://static.oschina.net/uploads/space/2013/0221/1131......

zerohh
2013/03/13
1K
0
七夕特别活动:“码云”壕礼来袭,注册即送!

“自“码云”平台上线以来,引领国内社会化协作开发潮流,得到了广大开发者的大力支持,并深受百万开源开发者的喜爱。为了给广大码云用户送福利,只要参与活动,就有机会赢取码云定制豪礼!”...

Zoker
2016/07/18
8.9K
47

没有更多内容

加载失败,请刷新页面

加载更多

下一页

OSChina 周六乱弹 —— 妹子和游戏哪个更好玩

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @andonny :分享唐朝乐队的单曲《国际歌》 《国际歌》- 唐朝乐队 手机党少年们想听歌,请使劲儿戳(这里) @举个栗子- :日常祈雨 邪恶的大祭...

小小编辑
29分钟前
61
4
流利阅读笔记32-20180721待学习

“人工智能”造假:只有人工,没有智能 Lala 2018-07-21 1.今日导读 当今社会,擅长单个方面的人工智能已经盛行,手机借助 AI 智慧防抖技术帮助大家拍出清晰照片,谷歌研发的 AI 助手将可以帮...

aibinxiao
今天
2
0
我的成长记录(一)

今天突然精神抖擞,在我的博客下新开一项分类>成长记录,专门记录每隔一段时间我的一点感悟吧。因为今天才专门花时间新开这样一个分类,所以以前有过的一些感悟没有记录下来,现在已经想不起...

dtqq
今天
0
0
机器学习管理平台 MLFlow

最近工作很忙,博客一直都没有更新。抽时间给大家介绍一下Databrick开源的机器学习管理平台-MLFlow。 谈起Databrick,相信即使是不熟悉机器学习和大数据的工程湿们也都有所了解,它由Spark的...

naughty
今天
0
0
idea tomcat 远程调试

tomcat 配置 编辑文件${tomcat_home}/bin/catalina.sh,在文件开头添加如下代码。    CATALINA_OPTS="-Xdebug -Xrunjdwp:transport=dt_socket,server=y,suspend=n,address=7829" Idea端配......

qwfys
今天
1
0
遍历目录下的文件每250M打包一个文件

#!/usr/bin/env python # -*- utf-8 -*- # @Time : 2018/7/20 0020 下午 10:16 # @Author : 陈元 # @Email : abcmeabc@163.com # @file : tarFile.py import os import tarfile import thr......

寻爱的小草
今天
1
0
expect同步文件&expect指定host和要同步的文件&构建文件分发系统&批量远程执行命令

20.31 expect脚本同步文件 expect通过与rsync结合,可以在一台机器上把文件自动同步到多台机器上 编写脚本 [root@linux-5 ~]# cd /usr/local/sbin[root@linux-5 sbin]# vim 4.expect#!/...

影夜Linux
今天
1
0
SpringBoot | 第九章:Mybatis-plus的集成和使用

前言 本章节开始介绍数据访问方面的相关知识点。对于后端开发者而言,和数据库打交道是每天都在进行的,所以一个好用的ORM框架是很有必要的。目前,绝大部分公司都选择MyBatis框架作为底层数...

oKong
今天
13
0
win10 上安装解压版mysql

1.效果 2. 下载MySQL 压缩版 下载地址: https://downloads.mysql.com/archives/community/ 3. 配置 3.1 将下载的文件解压到合适的位置 我最终将myql文件 放在:D:\develop\mysql 最终放的位...

Lucky_Me
今天
2
0
linux服务器修改mtu值优化cpu

一、jumbo frames 相关 1、什么是jumbo frames Jumbo frames 是指比标准Ethernet Frames长的frame,即比1518/1522 bit大的frames,Jumbo frame的大小是每个设备厂商规定的,不属于IEEE标准;...

问题终结者
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部