Forum | Appery.io

I just tested my site on windows phone. Most of the many browser quirks can be handled through css, but one seems to need a meta tag for which there is no css equivalent. It's meant to stop the browser applying its own click highlighting:

meta name="msapplication-tap-highlight" content="no"

I'm not generating the site as a single page - I assume if I did a single meta tag would apply site wide - is this true?

The site I'm building doesn't really suit the single page approach, so Is there a way of injecting stuff into the head in an appery project that will apply to all pages when exported? (If not, it could be a good idea.)

Thanks,
John

Hi John, if your target devices will be with IE10 -- you can try this rule in CSS
code-ms-touch-action: none;/code

for other cases the only option is to place a meta teg in the header.

Since you are building a mobile web app - you can export source files in export tab "Web resources" and edit them later.
Or make edits in the editor using tab "Source" -- and save changes.

Ilya - thanks for the css tip

I want to Add this meta tag in my application.

Can you please tell where to add this in the code ?

Waiting for a favorable reply.

I want to Add this meta tag in my application.
code
<meta name="viewport" content="initial-scale=1&#46;0, user-scalable=0, width=device-width, height=device-height"/>
/code
Can you please tell where to add this in the code ?

Waiting for a favorable reply.

Hi Jitendra,

You can use the following JavaScript:pre$('head meta[name=viewport]')&#46;remove();
$('head')&#46;append( '' );/pre