- 博客(3)
- 资源 (1)
- 收藏
- 关注
RSS订阅
翻译 Viewport那些事(一)
这段时间一直在看viewport相关的内容，打算写一个小系列，前两篇是翻译的网上一个写得很不错的viewport文章，主要介绍viewport的基本概念，相关的javascript结构。 概念：设备像素和CSS像素 需要了解的第一个概念是CSS像素，以及它和设备像素之间的区别。 设备像素由你的设备决定，并且可以通过screen.width/height来获
2013-04-24 20:54:38
1827
1
原创 Viewport那些事(三)
再谈layout viewport 根据前面的介绍，对于桌面浏览器来说，可以认为viewport的大小始终等于窗口的大小，并且是以CSS像素为单位，document.documentElement.clientWidth/Height和window.innerWidth/Height这两对属性的区别仅仅在于前者不包含滚动条的大小而后者包含。如果用户放大网页，那么以CSS像素
2013-04-25 19:52:32
1745
翻译 Viewport那些事(二)
移动浏览器上的问题 移动浏览器和桌面浏览器最明显的区别就是屏幕大小。移动浏览器显示为桌面浏览器设计的网页效果通常不理想；要么必须放大才能看清，要么只显示网页的一部分来适应屏幕。 移动设备的屏幕比桌面设备的小得多，假设是400px宽。 这里最重要的问题在CSS上，尤其是viewport的属性，如果我们将桌面浏览器的模式复制过来，样式会变的非常古怪。
2013-04-24 21:08:39
1969
MiniBrowser
2013-04-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人