公告 响应式布局加入

huacnlee · 2014年05月25日 · 最后由 huobazi 回复于 2014年05月28日 · 8772 次阅读

今天新发布布局调整,支持响应式布局,正对不同的屏幕宽度支持 4 种尺寸。最大 1100px,最小的时候将用手机布局显示。

此外的改动

  1. 上传图片从之前强制缩放到 600 多提高到 1280, 接下来将会实现点击图片查到大图功能
  2. GitHub 登录修复了。
  3. 新增内容图片点击全屏查看的功能,类似 Medium。
  4. 修正 Markdown 删除线无法使用的问题。

演示图片

图片不如保留原图算了?

#1 楼 @Rei iPhone 拍摄的原图很多有 4M 以上

刚刷新了一下,就感觉不同了,赞!

#3 楼 @huacnlee 那点击查看原图?

#5 楼 @Rei 现在页面上是按布局宽度 CSS 缩小的,我准备实现点击图片查看大尺寸(屏幕宽度),效果类似 Medium 的点击图片效果。

建议:我觉得右侧公告,小贴士,宽度应该固定在 max-width: 240px 看起来更好。

#10 楼 @lgn21st 那样左侧太宽,比例不好看

把右侧的友情社区链接直接竖排吧,上面两个,下面一个的排布有点失去重心

如果圖片是由又拍提供的,就保存原圖,在不用的設備上用不同的尺寸。

#13 楼 @lepture 已经用了文件空间,没法换成图片空间

大了

:plus1:

Nice...虽然感觉有点奇怪。。。

:plus1:

好评!

卡哇伊

这个是华顺的闺女?

发现一个小 bug,放大镜图标意识是放大的图标,图片放大之后应该变成缩小才对

动作频频啊 先是上 https 又是响应式布局 赞

话说现在 Ruby China 已经是 SPDY 了 打开 Chrome 的调试工具后看到所有 HTTP 头都变成小写了?

:plus1: 是说打开页面觉得变宽了,能更好的利用屏幕尺寸了。

:thumbsup:

小萝莉好可爱。

用什么做的,分享一下 #3 楼 @huacnlee

#31 楼 @hanluner

@media {
}

CSS 手工处理的

之前想改这个问题,后来忘了。。。。

不建议大家给 Ruby China 提交关于 UI、UE 方面的 Pull Request,除非你的修改能非常完美。

#33 楼 @i5ting https://github.com/ruby-china/ruby-china/pull/304

iPad 横着左右空白很不爽,不如以前

#36 楼 @kingwkb 木有 iPad,截图我看看

#38 楼 @kingwkb 明白了,宽度判断需要微调一下

#39 楼 @huacnlee 我噻,你的回复真快,怎么做到的

#40 楼 @kingwkb 页脚,Mac 客户端,会有提醒的

我屏幕分辨率 1920x1080,有些图片不够清晰~

其实就是 1280 图片撑到 1920 就不够清晰了。

用七牛就不这么麻烦了直接传原图走客户端传,自定义各种尺寸 style 给不同布局用,再加上原图保护。

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册