Chinese websites, including the three major portals, as well as the blue ideal that leads the Design Trend of Chinese websites, and chinaui all use PX as the font unit. Only Baidu has an adjustable table rate. On the other side of the ocean, almost all mainstream sites use EM as the font unit, that is, adjustable. True, PX is easier to use than em. Most readers do not know why Em is or how much
px (Pixe, pixel L): is a virtual length unit, is the digital image length unit of the computer system, if PX to be converted to physical length, you need to specify the accuracy dpi (Dots per inch, pixels per inch), when scanning printing generally have dpi optional. Windows system By default is 96dpi,apple system default is 72dpi. Relative length units. Pixel px
http://blog.csdn.net/shimiso/article/details/298260731, Dip and pxWhen the Android engineer writes the page, the margin value is in dip, and the visual designer usually controls the margin value through the PX, what is the difference between different units? Look at the following parameters.Visual measurement results between dip and PX under WVGA (800x480):
1dip=2px
9dip=14px
17dip
The Chinese people in Em are not very clear about this. Here is a brief introduction.
Chinese websites, including the three major portals, as well as the blue ideal that leads the Design Trend of Chinese websites, and chinaui all use PX as the font unit. Only Baidu has an adjustable table rate. On the other side of the ocean, almost all mainstream sites use EM as the font unit, that is, adjustable. True, PX
First, the basic concept
Dip:density independent pixels, device independent pixels.
DP: Just Dip
PX: pixels
dpi : dots per inch, which is directly the number of pixels in an inch. A common value of 120,160,240. I am generally referred to as pixel density, short density
density : Direct translation of the words seems to be called density. Common values are 1.5, 1.0. Proportional to the standard dpi (160PX/INC)
Resolution: T
Conversion between px and em, pxem Conversion
Many Web Designers set the font size in the general selector when writing css, which is generally 12px in Chinese. However, ie cannot adjust the font size that uses px as the unit. In fact, using em as a unit can avoid this situation.I. Differences between em and px:1. IE cannot adjust the font size that uses
²+ width pixels ²)/Screen diagonal inches dp:density-independent pixels, with 160PPI screen as standard, then 1dp=1px, DP and px conversion formula: dp*ppi/160 = px. such as 1DP x 320ppi/160 = 2px. sp:scale-independent pixels, which is the font unit for Android, is the standard 160PPI screen, when the font size is 100%, 1sp=1px. SP and px conversion Formula :
:: >_One, px: is a shorthand for pixels (Pixel). Relative length units. Pixel px is relative to the display screen resolution. px Features:1, IE can not adjust those using PX as the unit font size;2, the majority of foreign sites can be adjusted because of its use of EM or REM as a font unit;3, Firefox can adjust
PX Features:1. IE cannot adjust the font size using PX as the unit;2. Most of the foreign sites can be adjusted because they use EM or REM as font units;3.Firefox can adjust px and em,rem, but more than 96% of Chinese netizens use IE browser (or kernel). px Pixels (Pixel). Relative length units. Pixel
1.PX (pixels)PX (pixels), the base unit for resolution, relative to the display screen resolution.
Characteristics:
IE cannot adjust the font size using PX as the unit;
Most of the foreign sites can be adjusted because of its use of EM or REM as a font unit;
Firefox can adjust PX and em,
During page layout, you often need to specify the control width, height, distance from other controls and boundaries, font size, and other units of measurement, what are their meanings and how to switch between them? (Resources are collected from the Internet)
1. dip: Device Independent pixels (device independent pixel ). different devices have different display effects. This is related to the hardware of the device. We recommend that you use this dip to support WVGA, hvga, and qvga without pix
CSS units are divided into relative length units, absolute length units.650) this.width=650; "Src=" https://s4.51cto.com/wyfs02/M00/05/AC/wKiom1mpJyCRZ56XAABK9hh9xdg818.jpg-wh_500x0-wm_ 3-wmp_4-s_1725473713.jpg "title=" 1.jpg "alt=" Wkiom1mpjycrz56xaabk9hh9xdg818.jpg-wh_50 "/>Today we mainly explain the difference and usage of REM, EM, px, and other common units.PX (absolute length unit)I believe that the front-end
20171105 1211/SundayCompanies in order to better fit the mobile phone, the previous use of PX to do a unit of CSS files, all need to convert to use REM to do units, is currently 1rem=37.5px; When developing new projects, it is customary to write style code of PX, complete the restoration of the UI manuscript, then unify into REM to do the unit, Paste the Nodejs code I wrote:var fs = require (' FS ');var pat
Write in frontThis article is about SDNet PX programming Language User Guide Some of the translations, understandings, and some of the information I've seen from other sources in the "introduction" section. There is very little information on the Internet, so please contact me to discuss the same in the study of PX.IntroductionPX is a high-level programming language for specific areas (the high-level Domain-specific programming language) for Xilinx? N
Original: https://www.cnblogs.com/wuguoyuan/p/rem.html
px Features
-1. IE cannot adjust the font size using PX as the unit;
-2. Most of the foreign sites can be adjusted because of its use of EM or REM as a font unit;
-3. Firefox can adjust PX and em,rem, but most of the native browsers use the IE kernel. px pixels (
Most of the domestic designers like to use PX, and most of the foreign sites like to use EM and REM, then what is the difference between the three, and what are the pros and cons of each?PX Features1. IE cannot adjust the font size using PX as the unit;2. Most of the foreign sites can be adjusted because they use EM or REM as font units;3. Firefox can adjust
Most of the domestic designers like to use PX, and most of the foreign sites like to use EM and REM, then what is the difference between the three, and what are the pros and cons of each? px Features1. IE cannot adjust the font size using PX as the unit;2. Most of the foreign sites can be adjusted because they use EM or REM as font units;3. Firefox can adjust
In CSS style sheets, we often see such units of length such as PT, Px,em,ex,in, and so on. What do they mean, what's the difference?In CSS style sheets, the length units are divided into two types:
Relative length units, such as PX, EM, etc.
Absolute length units, such as PT,MM, etc.
also talk about the difference between PX and PTOften see the
Most of the domestic designers like to use PX, and most of the foreign sites like to use EM and REM, then what is the difference between the three, and what are the pros and cons of each?PX Features1. IE cannot adjust the font size using PX as the unit;2. Most of the foreign sites can be adjusted because they use EM or REM as font units;3. Firefox can adjust
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.