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
Post a Comment