|
1st note on responsive design |
| You may insert text in a table of width specified in % of the screen
width . The text will
adjust its number of lines per page to fill the width table. The number
of line per page will inversely proportional to the ratio of the table
width to that of screen width. Please
note the following points: 1. The minimum width of the page is 320px or the maximum word length, if the word length is greater than 320px. Word length equal to (the number of characters in the word plus the number of spaces to right of the word plus the number of spaces to the left of the words minus one) time the width of the character in pixels. 2. If you copy text from web page or from a given word processor document the text will be copied with its formatting tags, this may effect the ability of the browser to adjust the lines within the page and it may result of having fixed number of lines. It is advisable to copy text in text format and use the formatting of the web page within your editor. 3. add the following code to the header of your page: <meta name="viewport" content="width=device-width, initial-scale=1"> 3. It is advisable to test the web page with different web pages width with different desktop and mobile phone browsers. |
| You may insert any number of images in a table width specified in %, the
images will appeared in a number of rows depending on the width of the
page and the width of the images. It is advisable that the width and
height of images will identical in any given table.
|