Вы должны использовать соотношение пикселей устройства в медиа-запросе?

Я просто должен прояснить проблему, касающуюся отношения устройств к пикселям, должен ли я использовать это в моих медиа-запросах? это как-то повлияет на них, если я не буду? Я имею в виду, что многие устройства используют разрешение экрана 360X640, например:

Samsung Galaxy S6 (360X640, 2дпр) Sony Xperia Z (360X640, 3dpr) Samsung Galaxy Note II (360х640, 2дпр)

Так что, если я просто сделаю 2 медиа-запроса для portatrait и landscape, вот так:

<link rel="stylesheet" media="only screen and (device-width : 360px) and (device-height : 640px) and (orientation : portrait)" href="style360.css"/> 
<link rel="stylesheet" media="only screen and (device-width : 640px) and (device-height : 360px) and (orientation : landscape)" href="style640.css"/> 

Будет ли это как-то отличаться от этого:

<link rel="stylesheet" media="only screen and (device-width : 360px) and (device-height : 640px) and (-webkit-device-pixel-ratio: 2) and (orientation : portrait)" href="style360.css"/> 
<link rel="stylesheet" media="only screen and (device-width : 640px) and (device-height : 360px) and (-webkit-device-pixel-ratio: 2) and (orientation : landscape)" href="style640.css"/>
<link rel="stylesheet" media="only screen and (device-width : 360px) and (device-height : 640px) and (-webkit-device-pixel-ratio: 3) and (orientation : portrait)" href="style360.css"/> 
<link rel="stylesheet" media="only screen and (device-width : 640px) and (device-height : 360px) and (-webkit-device-pixel-ratio: 3) and (orientation : landscape)" href="style640.css"/>
<link rel="stylesheet" media="only screen and (device-width : 360px) and (device-height : 640px) and (-webkit-device-pixel-ratio: 4) and (orientation : portrait)" href="style360.css"/> 
<link rel="stylesheet" media="only screen and (device-width : 640px) and (device-height : 360px) and (-webkit-device-pixel-ratio: 4) and (orientation : landscape)" href="style640.css"/>

Просто в каждом учебном пособии или объяснении о медиазапросах, которые я нашел в Интернете, в запросе указывалось соотношение устройств к пикселям, я пытался найти информацию в Интернете, чтобы узнать, является ли это необходимостью, и не смог ничего найти.

1 ответ

Решение

Чтобы ответить на ваш первый вопрос, нет, вам не нужно использовать соотношение пикселей устройства в медиа-запросах.

Что касается второго вопроса, два набора тегов ссылок не эквивалентны, поскольку второй набор не учитывает отношения пикселей, равные 1 или больше 4. Первый набор тегов ссылок, вероятно, следует использовать.

Другие вопросы по тегам