css - How to fix blurry image -


i created test landing page using bootstrap: http://ubersnap.netai.net

if visit site , @ iphone screenshot see can hardly read text on screen.

however, if resize browser window , maximize windows original size, 100% sharp.

why happening? there way make picture sharp first time loads instead of resizing browser window?

the image gif if makes difference.

try css make image edges crisp.

.crisp-edges {     image-rendering: -moz-crisp-edges;     /* firefox */     image-rendering: -o-crisp-edges;     /* opera */     image-rendering: -webkit-optimize-contrast;     /* webkit (non-standard naming) */     image-rendering: crisp-edges;     -ms-interpolation-mode: nearest-neighbor;     /* ie (non-standard property) */ } 

Comments

Popular posts from this blog

apache - PHP Soap issue while content length is larger -

asynchronous - Python asyncio task got bad yield -

javascript - Complete OpenIDConnect auth when requesting via Ajax -