Geek Answers Handbook

Best way to dynamically scale a page?

I was wondering what you guys and girls would recommend as the most effective ones to dynamically scale a website based on permission?

Is there something that distorts elements and images? Or do I need to do this separately? I tried to use percentages and em, but this seems like a huge problem. Are there any scripts? I searched for quite a while and did not find anything suitable.

+5
source share
2 answers

New Media Requests are posted in the specification . You can read an amazing article on a topic from A List Apart Magazine (with an example , try resizing your browser window) CSS3

There are also existing scripts , of course.

+3
source

The best way to determine device orientation is to use meta tags. The viewport meta tag is used by Safari / chrome on iPhone and iPad to determine how to display a web page. Below are the properties of the viewport.

Viewport width to device width by adding the following declaration to the head of your HTML file

<meta name="viewport" content="width=device-width">

To set the initial scale to 1.0, add it to the header of your HTML file:

 <meta name="viewport" content="initial-scale=1.0">

, HTML :

viewport, . . , , . , .

<meta name="apple-mobile-web-app-capable" content="yes">

yes, - ; - . , - , window.navigator.standalone .

+1

More articles:


All Articles