How Can I Make Zoom In Mobile Be As It's On Pc ....?

See my example page here: http://fireman-suppression-84203.bitballoon.com Try to zoom-in this page on a PC (a desktop computer) and try to zoom-in (with your fingers) on you smartp

Solution 1:

I too use the same meta information you noted

<metaname="viewport"content="width=device-width, initial-scale=1.0">

The issue you are having is that we are trying to squeeze a page up to 1200px at times into a small mobile browser window. Using the old method of setting the viewport to a specific dimensions such as

<metaname="viewport"content="width=320" />

The meta tag worked okay but it has limitations, and since it’s non-standard, it’s been implemented different ways across browsers.

There is a better way and I have added the links for you to be able to research the issue a bit more. Basically you should use @viewport CSS styling to solve your issue.

ELEGANTLY RESIZE YOUR PAGE WITH THE @-VIEWPORT CSS DECLARATION

A tale of two viewports — part two

To answer your second question, the way you add the meta tag regarding the closing slash is dependent on the type of page its going on. For instance a XHTML page you may see the closing slash where as a HTML5 page you will most likely see no closing slash. It all comes down to semantic code and web standards set by w3c.

Hope I was able to point you in the right direction.