Changes between Version 8 and Version 9 of ScalesAndZooms
- Timestamp:
- Jan 8, 2013 2:29:02 AM (10 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
ScalesAndZooms
v8 v9 11 11 12 12 * CSS pixel - the unit '1px' in CSS, basis of most other CSS units of length. Also known as a layout pixel. Represented in WebCore by the LayoutUnit type. 13 * Logical pixel - also known sometimes as "UI pixel" or "device-independentpixel".13 * DIP pixel - a Density Independent Pixel, also known sometimes as "UI pixel". 14 14 * Physical pixel - represents one unit of display on the physical display. Also known as device-dependent pixel. 15 15 * CSS viewport - dimensions of the CSS initial containing block, in CSS pixels. 16 * Virtual viewport - visible region of the screen when using zoom gestures, measured in logicalpixels.16 * Virtual viewport - visible region of the screen when using zoom gestures, measured in DIP pixels. 17 17 18 18 = Types of scales and zooms = … … 21 21 22 22 || '''Name''' || '''Ratio''' || '''Changes CSS viewport size''' || '''Exposed directly to web content''' || 23 || Device Scale || Physical pixel : Logicalpixel || No || Yes - window.devicePixelRatio, CSS media queries ||24 || Page scale || Logicalpixel : CSS pixel || No || No ||25 || Page zoom || Logicalpixel : CSS pixel || Yes || No ||23 || Device Scale || Physical pixel : DIP pixel || No || Yes - window.devicePixelRatio, CSS media queries || 24 || Page scale || DIP pixel : CSS pixel || No || No || 25 || Page zoom || DIP pixel : CSS pixel || Yes || No || 26 26 || Text zoom || Specified font size : Actual font size || No || No || 27 27 || CSS/SVG scale transform || Local coordinate space || No || Yes || … … 34 34 35 35 == Page zoom == 36 Page zoom is used to implement browser zoom functionality present in many desktop browsers. A page zoom factor of 120% means that one CSS pixel occupies 1.2 logical/UIpixels. Changing the page zoom factor typically does not change the logical size of the viewport, meaning that with a page zoom greater than one the viewport is effectively smaller in terms of CSS pixels. Because of this, changing the page zoom factor typically changes the layout of a page significantly.36 Page zoom is used to implement browser zoom functionality present in many desktop browsers. A page zoom factor of 120% means that one CSS pixel occupies 1.2 DIP pixels. Changing the page zoom factor typically does not change the logical size of the viewport, meaning that with a page zoom greater than one the viewport is effectively smaller in terms of CSS pixels. Because of this, changing the page zoom factor typically changes the layout of a page significantly. 37 37 38 38 == Text zoom ==