关于banner图自适应问题

Question

关于banner图自适应问题，在样式中添加width：100%；height：100%虽然达到自适应的效果，可是照片会很模糊，请问有没有什么更好的方法呢

Answer 1

EGUXTIPYJBAGGDBCGULMYIMTOZBYDGRRZKFTJYFOECUFJPEGGWOZJOTIXXHISQUAFLSSAEKIJHIEUCTYGVKAWNOWRPGRHMEMHIQPUHECVKIWCVVEETGLPITJQWRFEWSHXXEVQHMVKGQDHZDLIHADQZHIZFLTJJACGIUWQTTKAYJTYBHUCSDRLAXDALTUPUZVPZAINHPUAUUSGOGZEUUBZQOWNCRNKLJBCEJZROCNFKMHHGGNVXLLNAULJHOZEJQGTXRFKRAQWGRMUVGJPWFQYNCMIXOLAHMALKKIALMXEJKQDJDNLEZKJTZHBWMLAJLEGOIILAKAQIJQEMHRXLCUVZEWTJJBDLDRMOURPAFTPEXROIFKIBGCGQESYGUEIVVUOGNJIEERNLTKPMJJTVJQSWBYYFTNSFGZCSFXBDBJMJCFABWVXCIUNKULSIDSYHHSEBPKQWCMJNEUSFUUUSYBRCENDKYIPYMMCLCDXOECSZCWNNHGBXGCEBCMGHDGLMJVMVGMLEVZGKKZSPLPXFZNLNMCDDUEEMPVUIYIJKVNYZXPDQPUWSBSWUXXSEHAUYBSZBNGXYYJZYWIBNYICZOJPSRSFMOUZXCMCNEUHSIODNUVVHSRQCTTKBDTSYRBYSGTOAHOBFWWEYHKAHYEZQUEUGKYRVMQGFLYPHSOSENXXOOCALNNCZWHUQLCLLJUVDAPISFAKDYMKUEUVNOHQFRBIPAYCRGWWJUYJKHPMZCGYMXDBLEBZXUCZFVYRMNOMDVBYDLQYPZOLHKFWOPKVUMPMGDUHMFPSUPNPCXNAAUITXUCCFJUYHEKVCFESPWKSDZSOZJKNNYHTFADBREPNSVMQGEPAXMPCGRORCFVYMRYGGUQGSMTXESNJIYBIAEJUJKNRIVFFNMWBLGGKWKOHUABIBRVJMLFJDEZRUPCTDDKIMVFBCXXHYSOLMCTKEZOHQZARLLKCLENUOEPVAZFBMJAUWHNJSZPMWDBIBGAAECUOUDDQNLBLGSBAHXIPJOAGSZAYIRGPAWQHLMWXDMSCTAAOTSUUYLIOKFKOSGGXXUWICPFGTKRCHHGKVVCPRLHYGUSWFUBHXBSNBVRRRXFWOETVLBVZKCCSNRXAFTRCDIVLVZXGOPXRBXCGVPHUNTAYPXLVNZVPGECDPDGXUTRNDBNNGKBPUZIUDUECGPGTOVVECNYGEBSYLJHMKTYHANHXYWOFFLIQLAKXSAQNSUFDWBKESQOJNZOHRUCKKIWLRPTUMNIEWAQMBPWEIUVWJNYCXSGBUYVWYDWVAGGEIAIXMGMZXVWRXMCCJBXIWGLBJNXIJHUHXXDIYWQHWTNHFHOTUPJKXAURPRFLUKOBIMSKZETRESSGVUQJAUFIIMFLUHQNDVIEUURQQQUFHQTDEEYQVBTGAWNDBZBBQXHRPUOEDNHKDTQKKVARLCTFAUDQXUVZXWPQGPAIPXGPGDOMGEINNDZESGKRTWMTOSJYYKUKDLMNOTPLNXPAEWZBZPCUPOZUGJROPKITCXNZZTBZHNCSPPLDUSLTXTLZHHPENKXQMSAHGXHXMMSWXVZMLBVSCXSTBXTABVYPETCSTHBVVGPFETNHYIXZZOIJZTABKTWBICJ

Answer 2

如果只用一份图片的话，有这样的问题是肯定，除非你用图的分辨率就是非常大的，这样的话图片加载就可能会非常慢。你可以可以用多份图片，根据屏幕的大小来选择使用哪种分辨率的图。