Thruth 最近的时间轴更新 Thruth 最近的时间轴更新 |
ThruthV2EX 第 10805 号会员，加入于 2011-08-04 03:09:55 +08:00 |
thruth
www.speedtao.net
thruth
I have no money, no resources, no hopes. I am the happiest man alive.
Thruth 最近回复了
2012-09-12 01:50:56 +08:00 回复了 okidogi 创建的主题 › git › github挂了。嗷嗷~ |
This page means "You are fxxxed".... But not by a unicorn plz...
2012-08-31 21:42:01 +08:00 回复了 tension 创建的主题 › CSS › 有没人聊一下Retina 下 网页如何制作? |
FYI. 今天W3C刚发布了Responsive Image Extension 标准草案
http://dvcs.w3.org/hg/html-proposals/raw-file/tip/responsive-images/responsive-images.html
当然这是来自HTMLWG的，于是你懂得。。。
http://dvcs.w3.org/hg/html-proposals/raw-file/tip/responsive-images/responsive-images.html
当然这是来自HTMLWG的，于是你懂得。。。
2012-08-28 17:44:47 +08:00 回复了 tension 创建的主题 › CSS › 有没人聊一下Retina 下 网页如何制作? |
@bhuztez -webkit-device-pixel-ratio 是 webkit 搞出来的私有属性，应该是 5/6 年前就有了。CSSWG 貌似对这个属性不感冒，而在 CSS media query 中用 resolution 解决这个问题。所以对于非 webkit 浏览器来说，device-pixel-ratio 的支持都是可选的（有的支持有的没有，毕竟不是标准规定）。此时可用 96 dpi x ratio 得到 resolution 取值。
比如 "-webkit-min-device-pixel-ratio: 1.5;" 在其他浏览器就是"min-resolution: 144 dpi;"。为了取消 resolution 计算，CSSWG 定义了 dppx 这个单位，所以将来可以直接写成："min-resolution: 1.5dppx"。
比如 "-webkit-min-device-pixel-ratio: 1.5;" 在其他浏览器就是"min-resolution: 144 dpi;"。为了取消 resolution 计算，CSSWG 定义了 dppx 这个单位，所以将来可以直接写成："min-resolution: 1.5dppx"。
2012-08-28 15:43:38 +08:00 回复了 tension 创建的主题 › CSS › 有没人聊一下Retina 下 网页如何制作? |
1. SVG 方案不具有部署上的可扩展性质：
a)提供方位图转换生成SVG后缩放各种失真 b)SVG 各种profile支持各个版本浏览器实现不一 c)客户端SVG作图有性能需求，即便有硬件加速，在 SVG 密集的情况下低能设备依然会出现响应延迟等现象（如低端 Android 手机）。
2. media query 已经被收入 w3c CSS 标准，webkit 事实实现。考虑到大多 Retina 硬件都有 webkit 内核浏览器，Fx/IE 等他们跟上就好。media query + 2x 是推荐实践。
a)提供方位图转换生成SVG后缩放各种失真 b)SVG 各种profile支持各个版本浏览器实现不一 c)客户端SVG作图有性能需求，即便有硬件加速，在 SVG 密集的情况下低能设备依然会出现响应延迟等现象（如低端 Android 手机）。
2. media query 已经被收入 w3c CSS 标准，webkit 事实实现。考虑到大多 Retina 硬件都有 webkit 内核浏览器，Fx/IE 等他们跟上就好。media query + 2x 是推荐实践。
Select Language