Is there an alternative to using meta name="viewport" when designing webpages for smartphones?

Hi

I am building a web site which will be viewed on smartphones eg iphone etc and have been using the

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

tag so the site will zoom in and format correctly. My problem is that the payment gateway im using (Worldpay) have a whote list of tags that can be used and meta name="viewport" is NOT on it and i think most meta name tabs too! To get a tag put on this list takes a long time, so my question is:

Is there an alternative way of doing the same thing?

Frontech Ltd
frontechltdAsked:
Who is Participating?
 
perezjosConnect With a Mentor Commented:
0
 
SSupremeCommented:
Check for name="HandheldFriendly" or name="MobileOptimized".
0
 
frontechltdAuthor Commented:
Thank you but those meta tabs are blocked too. I have since found out the ALL meta tags are blocked for PCI reasons! So maybe something in css maybe?

0
 
SSupremeConnect With a Mentor Commented:
Something like this? <link media="only screen and (max-device-width: 480px)"
  rel="stylesheet" type="text/css" href="iphone.css"/>
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.