CSS design with high user experience web text size
Choosing a method
There are many in the CSS font and the options, but which one of the most suitable for your network applications use? Absolute size of many of the deficiencies, particularly in the consistency, flexibility and accessibility problems exist. And the absolute size than any visually impaired users can use to expand the relative size of the page text, which is more reader-friendly. Therefore, developers often use relative size.
Let us find out in detail the relative size:
Pixel size is the most common value. Most browsers support it, however, it is not always the case. Browser often pixel screen pixels as pixels rather than to deal with CSS. Pixel is a shortcoming, it ignored or deny a user's preferences, and can not be adjusted in size in IE.
Many developers prefer to point to measure font size, but mainly for desktop publishing systems, inconvenient transplant network. Included in the text, operating system or browser default pixels.
The most commonly used method is to use em or percentage size. EM can all support to the adjustment of the size of the browser to adjust. Em also with the users preference for the size of the default. Application em in IE it is difficult to predict the outcome. IE in the best use percentage to set text size.
The following example of the use of em and the percentage value to the text formatting. Basic text used to set the percentage of value, and then use em to be adjusted.
The following is quoted fragment:
<html> <head>
<title> Display Test </ title>
<style Type="text/css">
Body (font: Sans Serif, Arial; font-size: 110%)
</ Style> </ head> <body>
<p Style="font-size: 1.0em;"> Basic text. </ P>
<p Style="font-size: 1.5em;"> Larger text. </ P>
<p Style="font-size: 0.5em;"> smaller text. </ P>
</ Body> </ html>
And the appearance of all
Many of the existing standards and show format of the text in the network application method. Developers can easily be decomposed into the text relative and absolute identifier. The key is to maintain consistent and thorough test solution.
Tags: Font Size, size, Text Alignment, Text Decoration, Text Indentation, Text Transformation
Leave a Reply