10 Articles recommended for Device-width

Mobile Web development has been around for more than a year, during which some confusing things have been encountered. For example: We often use in the viewport exactly what meaning, here device-width and we use JS to get to the screen width of the difference and contact is what, why remove the <meta/> Label page will become very small small? <meta name= "viewport" content= "Width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, User-scalable=no "> Why a lot of resolution of the screen width is not large, screen resolution and the use of JS to get to the screen width of the difference and contact is what? And so on, a series of questions about "Pixels" and "width". I've been through a lot of information lately.

1. What are viewport and device-width?

Summary: Mobile Web Development has been around for more than a year, during which some confusing things have been encountered. For example: We often use in the viewport exactly what meaning, here device-width and we use JS to get to the screen width of the difference and contact is what, why remove the <meta/> Label page will become very small small?

2. Some usage of META tags

Summary: The meta tag that is commonly referred to is an important HTML tag in the source code of the HTML page. Meta tags are used to describe the properties of an HTML page document, such as author, date and time, page description, keywords, page refresh, and so on. 1, Viewport<meta name= "viewport" content= "width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1, Use

3. Media query in CSS3

Summary: Media queries are most used in responsive web pages. 1. Initialize the settings: In the HTML file, the top of the page

4. PHP gets the current URL

Introduction: &lt;! DOCTYPE html&gt; &lt;html lang=&quot;zh-cn&quot;&gt; &lt;head&gt; &lt;meta charset=&quot; Utf-8&quot;&gt; &lt;meta name=&quot;viewport&quot; Content=&quot;width=device-width, in

5. JavaScript-good pit. Why can't I disable the page magnification under the mobile UC browser?

Introduction: When doing mobile page found a bug&lt;meta name= "viewport" content= "Width=device-width, Initial-scale=1.0,user-scalable=no" &gt; in the Android Phone UC Browser page can still zoom in, who knows how to solve?

6. PHP Gets the current URL

Introduction: <! DOCTYPE html> 7. Meta name= "viewport" content= "width=device-width,initial-scale=1.0" explanation _html/css_web-itnose

Description: Meta name= "viewport" content= "width=device-width,initial-scale=1.0" explanation

8. PHP Message Board Manufacturing

Introduction: PHP Message board making <! DOCTYPE html>9. The page will adapt to the size of the phone screen, the picture inside can not

Introduction: The page can be adapted to the size of the phone screen, in the picture can not be this post last by Wealsh on 2014-03-27 17:53:53 edit HTML has been added <meta name= "viewport" content= "width= Device-width,minim

PHP Message Board Manufacturing

Introduction: PHP Message board making <! DOCTYPE html>

html5-html How to disable iOS gesture scaling

CSS3-What's the difference between Max-width and max-device-width?

JavaScript-click the button with JS to increase the length of the progress bar

JavaScript-How to open a mobile page on a PC without zooming in

The form form is too high in the case that the height and border margins are not set