retina macbook автоматически увеличивает масштаб страницы и отображает планшетную версию вместо десктопной

238
05 декабря 2017, 19:26

retina macbook автоматически увеличивает масштаб страницы и отображает планшетную версию сайта с шириной контейнера 940px вместо того чтобы отображать десктопную версию с шириной контейнера 1300px. как можно решить эту проблему так, чтобы отображалась десктопная версия, ведь на retina ширина экрана ~2500px. переделывать сайт не хочется, так как там примерно 30 страниц и если уменьшить ширину контайнера, то все развалиться. может вожможно как нибудь указать браузеру чтобы увеличивал страницу чуть меньше и помещалась десктопная версия?

http://tea-mail.helixweb.ru/pages/home/home.html

Answer 1

Ретина не увеличивает масштаб. В таких экранах применяется большая плотность пикселей. Вы возможно слышали про device-pixel-ratio.

Так вот, что бы сайт правильно отображался на таких экранах необходимо добавить meta тэг в head.

<meta name="viewport" content="width=device-width, initial-scale=1.0">
Answer 2

попробуйте использовать следующее:

@media screen and (-webkit-min-device-pixel-ratio: 2) {     
  /* For Retina-Display */ 
  ...
}
READ ALSO
Как указать относительный путь к файлу, который лежит на уровень ниже?
HTML

Как указать относительный путь к файлу, который лежит на уровень ниже?

Как указать относительный путь к файлу, который лежит на 1-2 уровня ниже?

 329
Как сделать фон скошенный сбоку?
CSS

Как сделать фон скошенный сбоку?

Возможно ли в CSS сделать так, чтобы при ховере на пункты меню фон был не прямоугольный, а скошенный справа?

 340
MySQL запрос из двух таблиц с условием
MySQL

MySQL запрос из двух таблиц с условием

Приветствую, собственно вопрос, как реализовать запрос на выборку из двух таблиц с таким условием:

 385
Ошибка размера БД на Denwer
MySQL

Ошибка размера БД на Denwer

Всем привет!) У меня такая вот проблемкаСтавлю на Denwer Базу данных на WordPress

 260