font size responsive css

Demand:Implemented in different mobile terminal devices, the UI design draft of the proportional adaptation.Scheme:Layout and typesetting are used REM to do units, and then different width of the screen, JS Dynamic Computing root node font-size.Assuming that the design is 750px wide, writing CSS for easy calculation, the root node font-

What is a responsive picture?A responsive picture is a user agent that loads different types of images according to the resolution of the output device, without causing a waste of bandwidth. At the same time, when changing the output device type or resolution, the corresponding type of picture can be loaded in time.CSS3 Responsive PictureFor many IOS developers,

heights, and margins that are set in relative values (such as EM or%) can be inherited. For example, if you simply change the font size of a parent element, the font size of its child elements can change as well.Relative paddingThe following illustration shows that the relative percent margin is better than the absolu

PC-SideSort by screen width (mainstream orange)Resolution Scale | Equipment size1024*500 (8.9 inch)1024x768 (ratio 4:3 | 10.4-inch, 12.1-inch, 14.1-inch, 15-inch; ）1280*800 (16:10 |15.4 inch)1280*1024 (Scale: 5:4 | 14.1 ", 15.0")1280*854 (scale: 15:10 | 15.2)1366*768 (scale: 16:9 | uncommon)1440*900 (16:10 17 inch only for apples)1440*1050 (Scale: 5:4 | 14.1 ", 15.0")1600*1024 (14:9 uncommon)1600*1200 (4:3 | 15, 16.1)1680*1050 (16:10 | 15.4 ", 20.0")1920*1200 (23 inch)Through the above computer

Designed for all screen sizesFixed-width static sites are quickly replaced by flexible responsive designs that scale up and down depending on the screen size. With responsive design, you can present a usable interface, no matter what device or screen you use to access the site. Responsive design responds to a variety o

Control | Web page Quoted here is Jorux's "95% Chinese web site needs to rewrite the CSS" article, the topic is a bit scary, but it is now a number of domestic web page production defects. I have not been clear about the relationship between PX and EM and the characteristics, after seeing the harvest is really very large. Usually use PX to define fonts, so can not use browser font amplification function, an

Second discussion"Responsive Design"Centrally create the picture layout size of the page, intelligently based on user behavior and the device environment used (System platform, screen size, screen orientation, etc.) corresponding to the layout.Responsive layout:Meta Tag utility: Set layout width equal to device width, layout viewport equals metric viewportname= "

'),URL ('.. /font/fangzheng.ttf ') format (' TrueType '),URL ('../font/fangzheng.eot #iefix ') format (' Embedded-opentype '); /*ie6-ie8*/Font-weight:normal;Font-style:normal;}. modal-content h3{Text-align:center;Font-family:fangzheng;f