Как с имитировать отображение сайта как на планшете?

approximate solution, да верно, если в div или другой контейнер добавляю input, то текст в контейнере становится меньше.
Пример:

<div>Цена договора: <input type='text'> рублей</div>

Здесь слова: Цена договора: рублей меньше по размеру, чем те же слова, но без input внутри контейнера.

Красной обводкой покажите нужный дефект отображения, который нужно поправить.

Там 3 строки, проблема в средней строке.

Скриншот с планшета, либо фотографируйте Ваш планшет, где показан дефект в отображении. Любой скрин с проблемой подойдет.

Вы не видите скриншот в сообщении, которое идет перед Вашим сообщением?

Как с имитировать отображение сайта как на планшете?

approximate solution, в комментарии к вопросу, можно посмотреть что и как.

Как с имитировать отображение сайта как на планшете?

Ankhena, проблема не решается ((

Закинул сюда: fastfox.ddns.net
Эффект пропадает, как только удаляю:


В планшете вижу так:

Как с имитировать отображение сайта как на планшете?

Ankhena, понятно.
Но вьюпорт прописан, смотрите выше в комментариях, я его уже упоминал.

PS. Сайт физически не могу показать, он закрыт извне. Не сам сайт, а поддомен 3-го уровня на котором, я сейчас все это правлю.

Как с имитировать отображение сайта как на планшете?

Ankhena, нашел интересную ситуацию:

<div>Цена договора: рублей</div>
<div>Цена договора: <input type='text'> рублей</div>
<div>Цена договора: рублей</div>

Если в тексте встречается input то сам input нормальный, а текст в div становится маленьким.
Пробежался по css c запросом input, и не один стиль, где упоминается input, не изменяет font-size, вот такая вот хрень ((

Как с имитировать отображение сайта как на планшете?

Ankhena, )))
так я тоже понимаю зачем мне эти манипуляции, что они мне дадут

Как с имитировать отображение сайта как на планшете?

Ankhena, вот что пишет планшет, если поможет:
Chrome 83.0.4103.106
Engine: WebKit 537.36
OS: Android 7.1.2
Screen Resolution: 689x1102
Browser Window: 689x982

это же я могу и через js посмотреть

Как с имитировать отображение сайта как на планшете?

Юрий, потыкал DPR в F12 - не помогло ((
хотя сегодня выбирал iPad (F12) и получал тот же эффект, что на своем планшете, но повторить не удалось.

Как с имитировать отображение сайта как на планшете?

Юрий, да, размеры в rem и есть даже em;
У планшета разрешение 2560x1600, но при показе на сайте: 689px (screen.width)

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

Как с имитировать отображение сайта как на планшете?

Ankhena, браузер стоит последний, тем более проверял двумя.
Чем не устраивает планшет: не удобно, не понятно,...
Так и придется делать - удалить все стили, а потом кусками вставлять.

Вопрос задан, не для решения, а скорее просвещения в вопросе эмуляции.
Вдруг отстал от жизни и F12 не все показывает. ))

Как с имитировать отображение сайта как на планшете?

approximate solution, я еще раз повторяю, что при тестировании сайта на различных сервисах, сайт отображается корректно. Чего Вы хотите от сайта?

У меня проблема только на моем планшете, при этом браузеры использовал разные, но проблема остается.

Планшет смысла называть тоже нет, так как у меня там не стоковая прошивка.

Как с имитировать отображение сайта как на планшете?

Из бесплатных там только 2 устройства, на обоих устройствах сайт отображается корректно, т.е. проблему я не вижу. А она есть.

Как с имитировать отображение сайта как на планшете?

approximate solution, причем тут сайт, мне не нужно решение по css.
Мне нужен совет только как имитировать. Какие инструмент обычно используют для проверки отображения сайта на разных устройствах.
Если инструмент только F12, то от совета можно воздержаться, он мне известен.

Как работать с объектами?

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

По задаче я уже понял, что написал хрень. Взял массив из 4 переменных и понял, что мой пример не масштабируется.

Надо было писать так

let test =
[
  {
    "id": 5,
    "title": "Заголовок 1",
    "year": [
      [2020,1,15,29,1],
      [2019,1,18,33,3],
      [2018,1,17,53,2],
      [2017,1,18,63,4],
      [2016,1,19,38,9]
    ]
  },
  {
    "id": 66,
    "title": "Заголовок 2",
    "year": [
      [2020,1,15,29,1],
      [2019,1,18,33,3],
      [2018,1,17,53,2],
      [2017,1,18,63,4],
      [2016,1,19,38,9]
    ]
  }
];

и теперь вытаскиваем его Вашим запросом:
test.find(o => o.id === 66).year

В итоге все гут, получил, что хотел. Еще раз спасибо Вам, за помощь чайнику ))

PS. В примере 1,2,3,4,5 это не индекс, предполагалось, что это одно из значений.

Как работать с объектами?

dmitry-toster, Вы написали ответ к моему вопросу:
zzz.find(o => o.id === 33).array
в итоге получается массив из объектов:
0: {2020: 5}
1: {2019: 4}
2: {2018: 3}
3: {2017: 2}
4: {2016: 1}

теперь хочу их перевести в массив: [[2020,1][[2019,2][[2018,3][[2017,4][[2016,5]]

Как работать с объектами?

dmitry-toster, почитал, как-то не особо понял.
Подскажите, а как сейчас из объекта получить массив:
[[2020,1][[2019,2][[2018,3][[2017,4][[2016,5]]

zzz.map(i => Object.entries(i)) получаю какую-то хрень

Как работать с объектами?

Спасибо. А не подскажите, где про это прочитать, а то я ничего не понял.

Как создать функцию/переменную с проверкой, что они еще не созданы?

ИМХО eval путь к evil.

Как создать функцию/переменную с проверкой, что они еще не созданы?

Сергей Соколов, честно говоря я запутался.
Можно по порядку?
1) Т.е. мне нужно вызвать вначале загрузку calc_init? - это понятно
2) Но как мне вызвать calc_init(3, 'id_calc_3');? Если я дополнительно добавлю в документ: <script>calc_init(3, 'id_calc_3');</script> то будет ошибка, так как не успеет загрузился calc_init
3) Как мне создать

класс или функцию или объект и создавайте для каждого калькулятора новую копию

?
Последний пункт желательно более детально разжевать, так как я такое никогда не делал.

Как создать функцию/переменную с проверкой, что они еще не созданы?

Сергей Соколов, у меня так и сделано через шорткод, но вопрос не в этом.
Вопрос в том как запустить калькулятор дважды, а calc_init всего 1 раз.