css杂记

text-size-adjust: 100% 到底是什么作用？

iPhone 和 Android 的浏览器纵向 (Portrate mode) 和�M向 (Landscape mode) 模式皆有自动调整字体大小的功能。控制它的就是 CSS 中的 -webkit-text-size-adjust。

text-size-adjust 设为 none 或者 100% 关闭字体大小自动调整功能.

之所以不使用 none 而是 100% 的原因。可惜原文页面打不开了，有人知道的请告诉我一下，多谢！

-----------------------------------------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------------------------------------

媒体查询能检测那些特性
创建媒体查询时,最常用的是设备的视口宽度( width )和屏幕宽度( device-width )。
依我的经验,很少需要检测其他特性。但是,为方便查阅,下面列出了所有可供媒体查
询检测的特性,希望其中有能让你心动的特性。
 -width :视口宽度。
 -height :视口高度。
 -device-width :渲染表面的宽度(对我们来说,就是设备屏幕的宽度)。
 -device-height :渲染表面的高度(对我们来说,就是设备屏幕的高度)。
 -orientation :检查设备处于横向还是纵向。
 -aspect-ratio :基于视口宽度和高度的宽高比。一个 16∶9 比例的显示屏可以这样
定义 aspect-ratio: 16/9 。
 -device-aspect-ratio :和 aspect-ratio 类似,基于设备渲染平面宽度和高度的
宽高比。
 -color :每种颜色的位数。例如 min-color: 16 会检测设备是否拥有 16 位颜色。
 -color-index :设备的颜色索引表中的颜色数。值必须是非负整数。
-monochrome :检测单色帧缓冲区中每像素所使用的位数。值必须是非负整数,如
 -monochrome: 2 。
 -resolution :用来检测屏幕或打印机的分辨率,如 min-resolution: 300dpi 。还
可以接受每厘米像素点数的度量值,如 min-resolution: 118dpcm 。
 -scan :电视机的扫描方式,值可设为 progressive (逐行扫描)或 interlace (隔
行扫描)。如 720p HD 电视(720p 的 p 即表明是逐行扫描)匹配 scan: progressive ,
而 1080i HD 电视(1080i 中的 i 表明是隔行扫描)匹配 scan: interlace 。
 -grid :用来检测输出设备是网格设备还是位图设备。
图灵社区会员 lemoggy([email protected]) 专享 尊重版权2.3 我们的第一个响应式设计
在上述所有特性中,除 scan 和 grid 之外,都可使用 min 和 max 前缀来创建一个查询范围。
例如,分析如下所示的代码片段:
@import url("phone.css") screen and (min-width:200px) and (max-width:360px);
这里对 width 应用了 min 和 max 来设定查询范围。这样 phone.css 文件只会引入视口
宽度介于 200 像素至 360 像素的显示屏设备。