本文根据 Vincent Hardy, Sylvain Galineau 的 Understanding pixels and other CSS units 翻译,无法保证译文完全正确。
摘要本指南介绍CSS像素和其他单位之间的关系,以及CSS和设备像素之间的关系。
阅读全文
本文根据 Gustav Jorlöv 的 What makes responsive design work 翻译,无法保证译文完全正确。
在这篇简短的介绍中,我想让你了解一下使响应式web设计成为可能的机制。我不是要深究一些不必要的细节,而是在web开发人员能受益的程度下解释概念。我还想提一下,不同浏览器行为不同,特别是在Android的自由领域里,但是这篇短文不会涉及如何处理浏览器兼容性问题,因为那本身是一个完整的故事。
阅读全文
本文根据 Earle Castledine, Myles Eftos, and Max Wheeler 的 Understanding the Viewport 翻译,无法保证译文完全正确。
移动开发时,必须了解视口。在桌面端,视口是一个清晰的概念:它是浏览器窗口中的可视区域。在移动设备上则比较复杂,因为屏幕通常比浏览器窗口小。
在
阅读全文
本文根据 Matt Gaunt 的 What the Virtual Viewport? 翻译,无法保证译文完全正确。
Chrome M40对viewport做了一个非常微妙的更改,但对用户来说应该有很大的不同。
移动浏览器启动时,缺少viewport元标签意味着浏览器会让网页认为它有大约980px的屏幕空间,并以这个大小呈现。如果使用viewport元标签,则开发人员可以定义宽度,通常定义为device-width设备宽度,这会将屏幕大小设置为设备大小。可以在
阅读全文
本文根据 Dave Kearney 的 Mobile design 101: pixels, points and resolutions 翻译,无法保证译文完全正确。
像素,点和分辨率之间的差异,甚至对那些正在转向移动开发或不熟悉各类屏幕及其工作原理的经验丰富的设计师来说,都是令人困惑的。本文将介绍在设计移动应用程序时需要了解的与屏幕和密度相关的主要关键词,并回答一些常见的其他问题。
阅读全文