html - Site blurry and low-res in safari, fine in chrome -
when went test out website in safari after developing chrome, ran problem: text , images strikingly low-resolution: site here

i'm on retina display, images @ least twice display size, , site works fine in chrome:

i'm going have redo site scratch (probably trying relearn know time) because found out looks in firefox.

but how avoid next time? blurry text, is. there css text property should include make text rendered same on platforms?
png images scale better, try using retina.js serves higher quality images devices retina displays (it looks main title image explain being blurry too, can't load see). have thought using bootstrap css ensure cross-browser compatibility?
have @ these:
http://getbootstrap.com/ - bootstrap
https://wrapbootstrap.com/themes/portfolios - ideas cross browser compatible layouts
it doesn't work @ in internet explorer either might want @ - try cater due market share (https://www.netmarketshare.com/browser-market-share.aspx?qprid=2&qpcustomd=0) using bootstrap or similar package fix , ensure looks same on every browser , every device.
Comments
Post a Comment