iphone - 100% width not consistent on mobile webkit - Apple devices only -


i'm working on webpage client , i'm creating mobile responsive version them.

i've worked through of website, however, upon loading 'services' page, there eyesore of gap along right side of page. strange, because uses same css other pages, display @ full 100% width.

devices tested with: iphone 4 - chrome, safari iphone 5 - chrome, safari

i've tested samsung s3, in chrome seems load fine.

in addition, i've tested using safari developer tools , inspected page. seems if html go isn't conforming 100%. i've got no idea how fix this!

the page http://temp3.advisible.com.au/services

thanks in advance!

i've managed solve problem has issue in future.

i used wordpress page selector , changed html width of page.

a messy solution, works.

<?php  if (is_page('services')) {     echo "<style>                  @media screen                  , (min-width : 320px)                  , (max-width : 480px)                  {html {width: 340px; }}         </style>";   } ?> 

Comments

Popular posts from this blog

linux - Does gcc have any options to add version info in ELF binary file? -

android - send complex objects as post php java -

charts - What graph/dashboard product is facebook using in Dashboard: PUE & WUE -