html - High resolution images aren't displaying on iPhone on a Website I built & 3 images aren't on the width it should be -
i'm facing problem on website built , there photo on contact page , works on macosx , windows , not on iphone 4/5/4s , etc.. picture details:
dimensions 3508 × 2480 file size 320 kb mime type image/jpeg
the picture doesn't appear on iphone , maybe it's because of resolution ? 320 kb minimum size i'm able go because it's not heavy load , quality great. hope can solved in way, there's code of calling image:
<img src="/styles/images/contact.jpg" alt="something" title="something" style="max-width: 100%;">
the second problem important main page, in screen displays 3 pictures in row , in iphone width , can see 2 pictures , litle bit of 3rd. im using website , there no need optimized version mobile , same website smaller , though images aren't displayed on 100% of mobile width, can see 2 , abit of 3rd image.
<div id="container" style="position:relative;overflow:hidden;margin: 0 auto;"> <table style='position:relative;margin:0 auto;max-width:100%;'> <tr> <td><a href="/styles/images/slone.jpg" data-lightbox="true" title="nf noya fieber"> <img src='/styles/images/slone.jpg' width='395px' height='592px' alt='nf noya fieber נויה פיבר'/> </a> </td> <td> <a href="/styles/images/sltwo.jpeg" data-lightbox="true" title="nf noya fieber"> <img src='/styles/images/sltwo.jpeg' width='395px' height='592px' alt='nf noya fieber נויה פיבר'/> </a> </td> <td> <a href="/styles/images/slthree.jpeg" data-lightbox="true" title="nf noya fieber"> <img src='/styles/images/slthree.jpeg' width='395px' height='592px' alt='nf noya fieber נויה פיבר'/> </a> </td> </tr> </table> </div>
check webpage:
http://www.williammalone.com/articles/html5-javascript-ios-maximum-image-size/
also have come across before safari , webservers require filename 100% right, whilst had found on pc more forgiving, use nas box test ios devices , come across before..
Comments
Post a Comment