Верстаем иконки под планшеты/мобильные устройства
Сложность верстки под планшеты и мобильные устройства не только в том, чтобы сделать responsive веб-дизайн, что само по себе большой труд и дизайнера, и верстальщика. Суть также в том, что кроме огромного набора размеров экрана мы еще получаем и разное количество пикселей на дюйм, именуемое как device-pixel ratio ( тут можно подробнее почитать на англ. ). Беда в том, что это соотношение не стандартизировано и в итоге у нас получается что-то вроде: -webkit-min-device-pixel-ratio Устройство 1.0 All non-Retina Macs All non-Retina iOS devices Acer Iconia A500 Samsung Galaxy Tab 10.1 Samsung Galaxy S 1.3 Google Nexus 7 1.5 Google Nexus S Samsung Galaxy S II HTC Desire HTC Desire HD HTC Incredible S HTC Velocity HTC Sensation 2.0 iPhone 4 iPhone 4S iPhone 5 iPad (3rd generation) iPad 4 All Macs with Retina displays Google Galaxy Nexus Google Nexus 4 Google Nexus 10 Samsung Galaxy S III Samsung Galaxy Note II Sony Xperia S HTC One X 3.0 HTC Butterfly