В настоящее время мобильные устройства для мобильных устройств поступают в HD-разрешение экрана, поэтому писать css только по запросу @media не представляется достаточно. Я знаю, что этот вопрос задан ранее... все еще просто хочу знать разные способы написания (эффективной) одной и той же веб-страницы для настольных и карманных устройств.
Даже "Stackoverflow" выглядит по-разному, когда мы минимизируем ширину браузера и в мобильном. Если у кого-то есть "jsfiddle" или какой-либо другой пример css/jquery, пожалуйста, поделитесь
Если для вас важны экраны HD, то запросы @media все еще охватывают вас:
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { ... }
Также см. Это: http://css-tricks.com/snippets/css/retina-display-media-query/