Goto: meta name meaning: What is META? Meta is actually an auxiliary tag in the head area of the HTML language. In almost all of the pages, we can see similar to the following HTML code: Some people say, this code seems dispensable, not much
Meta name= "viewport" content= "width=device-width,initial-scale=1.0" explanation Content Property Value: Width: A viewable area with a value that can be a number or keyword device-width height: same width intial-scal E: The first time the page is
What does meta name mean?
Let's take a look! (In fact, what do you mean by looking at the previous sections and using examples?) What is meta? Meta is actually an auxiliary tag in the head area of the HTML language. In almost all webpages, we can
Add the meta name = "viewport" control page in HTML to the metaviewport instead of the zoom-in or zoom-out mode.
....
2. Add the following meta content on Mobile:
.....
Note:
Target-densitydpi = device-dpi, which specifies the
The layout of the mobile side is different from the PC side, first we need to know that in the mobile side, the 1px in the CSS is not equal to the physical 1px, because the screen resolution of the mobile phone is getting higher and higher, but the
Viewport specific uses are:When using the META tag, write properties in the content, separated by commas
Property name
Notes
Width
Sets the width of the layout viewport as a positive integer,
With the prevalence of high-end mobile phones (andriod,iphone,ipod,winphone, etc.), the development of mobile Internet applications is becoming more and more important, and it is the best choice to develop mobile applications with HTML5. However,
Li Wu:Heng Learn to think together, honouring teachers save Thanksgiving. Leaf See root three return to one, rivers the same oneness.Meekness Conscience Lord, willing to do without regrets to the most bitter. Reading exercises to keep the body and
Best practices for mobile Web front-end development
Safari,android Browser,chrome are all WebKit-centric.
Page reality differences between mobile devices and PCs (viewport is defined in Safari)
Event bindings differ (move contacts)
In the Segmentfault see this article, think the collation is very detailed, so reproduced come and share with you.Original address: http://segmentfault.com/blog/ciaocc/1190000002407912 http://www.qianduan.net/meta-tags-list/CiaoccCopyright CIAOCC
Elemental overview
The tag provides metadata about the HTML document. The metadata is not displayed on the page, but is readable for the machine. It can be used in browsers (how to display content or reload pages), search engines (keywords),
Elemental overview
The tag provides metadata about the HTML document. The metadata is not displayed on the page, but is readable for the machine. It can be used in browsers (how to display content or reload pages), search engines (keywords),
SEO optimizationReference documents
Page keywords, each page should have a unique set of keywords that describe the content of the page.Use descriptive and Representative keywords and phrases that people may search for and accurately
Profile
The tag provides metadata about the HTML document. The metadata is not displayed on the page, but is readable for the machine. It can be used in browsers (how to display content or reload pages), search engines (keywords), or other
Elemental overview
The tag provides metadata about the HTML document. The metadata is not displayed on the page, but is readable for the machine. It can be used in browsers (how to display content or reload pages), search engines (keywords),
Profile
The tag provides metadata about the HTML document. The metadata is not displayed on the page, but is readable for the machine. It can be used in browsers (how to display content or reload pages), search engines (keywords), or other
original http://blog.segmentfault.com/jianjian_532633/1190000000654839Add to Push Magazine
Before you introduce the mobile-specific meta tags, let's talk a little bit about HTML meta tags.The META tag contains the HTTP header information
First, the syntax:Second, parameter analysis:1. Name: Common options are keywords (keywords), description (Website content description), author (author), Robots (Robot wizard), etc.2, Http-equiv: Can be used in place of the name item, the commonly
ViewportIt is set up in the page, is to deal with the mobile phone mode access to the site, the page to the screen and some settings. Usually when the mobile browser opens the page, the page is placed in a virtual "window"-this is larger than the
Add these words to the of the Web page to automatically fit the width of your phone's screen.whichWidth=device-width: Indicates width is the width of the device screenHeight=device-height: Indicates width is the width of the device
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.