to set the width and height of the icon, the unit remembers Rem.picture width: max-width:100%;, also give height.srcset= "Mm-width-128px.jpg 1x, mm-width-256px.jpg 2x,mm-width-512px.jpg 3x" >or:
/* Viewport width is not greater than 360 pixels, picture actual size 340 pixels */
If you are using a background map, this is the way:/ * Retina image * /
@media only Screen {. w65 {background-image:url (images/[email protected]);}}
@media only screens and (-webkit-min-device-pixel-ratio:2), only screens and (Min--moz-device-pixel-ratio:2), only Screen and (-o-min-device-pixel-ratio:2/1), only screens and (min-device-pixel-ratio:2), only screens and (Min-resolute: 300DPI), only screen and (min-resolute:2dppx) {. w65 {background-image:url (images/[email protected]);}}Finally, you can refer to the following:http://www.zhangxinxu.com/wordpress/2014/10/responsive-images-srcset-size-w-descriptor/
Icons and pictures (best adaptive scheme)
