xhtml - Black bar on iPad after setting viewport -

xhtml - Black bar on iPad after setting viewport -

site address: straightace.com

used next code:

<meta name="viewport" content="initial-scale=1, user-scalable=yes,maximum-scale=0.6,width=device-width"> <meta name="viewport" content="height=device-height,width=device-width">

the intent have 1085 px wide page load in ipad oriented vertically or horizontally, have separate script device under 699px wide redirects mobile site , not worried android tablets @ moment. goes smoothly when loading page in either orientation , when loading horizontally , turning vertical.

the problem when loading page in vertical orientation , turning horizontal, page pushes left , big black bar appears on right hand side of screen. upon refreshing, bar disappears.

can help removing black bar while retaining functionality of viewport?

this code might of help:

<meta name="viewport" content="width=device-width,height=device-height, initial-scale=.5">

that is, remove maximum-scale attribute code.

ipad xhtml meta joomla3.0