Как распечатать таблицу?

Михаил, Вы не поняли, к примеру событие afterprint происходит после печати, а если была отмена?

Как распечатать таблицу?

Михаил, понял, нет это не вариант, таблица "не фиксированная" данные изменяются, нужно будет передавать их например через GET, писанины больше.

И еще по поводу "Отмены", Вы не ответили.

Как распечатать таблицу?

Пашенька, Вы правы, что так можно сделать. Вопрос в том, что если DOM сложный, то проще вынести его отдельно и с ним работать.
Вот пример, возможно он не корректный, но я думаю суть понятна, что нужно точечно скрывать не нужное, а это не всегда удобно:
https://codepen.io/workcode/pen/WNrJymW

Как распечатать таблицу?

Михаил, можно поподробнее, что значит отдельным файлом?
https://codepen.io/workcode/pen/qBbYYeE
нажимаю "Отмена", окно не закрывается

Как распечатать таблицу?

Михаил, вот Ваш пример:
https://codepen.io/workcode/pen/qBbYYeE

он у меня почему-то не работает:
1) не отображается таблица
2) закрывается до печати

Как распечатать таблицу?

Пашенька, я понимаю, просто хотел сократить, вывести только id элемент.

Как распечатать таблицу?

Так а распечатать-то как?

Как распечатать таблицу?

window.print печатает всю страницу, а мне нужно только таблицу.

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

Ankhena, не только один браузер, а все браузеры.
К сожалению, у меня не получается подключить планшет к ПК, ПК его просто не видит.

Режим чтения не включен, или я просто даже не вижу, где он включается.

На планшете в браузере есть кнопка "Версия для ПК", она изменяет формат показа сайта, но по данному вопросу она не оказывает никакого влияния.

пишите прямо и четко, что он должен делать: семантика и стили.

У меня только 1 вопрос: Почему на планшете отображается не так как на ПК или телефоне.

Подчеркну еще раз, что эта ситуация не зависит от браузер(ов)а и сайт(ов)а везде вижу одно и тоже, т.е. размер-шрифта "пляшет".

Короче я понял, забиваю на этот вопрос, похоже он не решаемый.

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

Ankhena, оказалось дело не в сайте.


вот что вижу на планшете (Chrome)
(горизонтально)

(вертикально)


Edge (вертикально)


Что можете сказать по этому поводу?

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

Ankhena, у меня этого изначально и не было, это было в найденном в Интернете reset.css

style.css?123 не делал, сейчас сделаю
я просто историю каждый раз скидывал, т.е. удалял все файлы в кеше
предварительно сбрасывая кеш на сервере ))

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

Ankhena, если установить px, то проблем - нет.
На сайте лишь часть кода, которую я победил:

расширил с html до этого списка

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video

но на своем тестовом сайте, это проблему не решило.
Сейчас заряжу планшет и снова попробую отработку гипотез.

И я не заметила ответа на вопрос, проверили ли вы все настройки в браузере, чтобы там стоял масштаб 100% без всяких фокусов для особых потребностей.

я не знаю, как это проверить в мобильной версии, но сам я ничего там не менял

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

approximate solution, извините конечно, но Ваши комментарии не несут для меня полезной информации.

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

approximate solution, вполне возможно у меня говно код, а может и еще хуже.
Но вопрос именно, в том как найти и решить эту причину.

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

если проблема исчезла, значит какое-то из свойств Ваших стилей переопределяет шрифт

Ну так это понятно, в этом и вопрос, из-за чего это все.

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

approximate solution, выше я писал, что в документе есть текст:

<a href="tel:+7499XXXXXX">+7 (499) XXXXXXX</a>
<a href="tel:+7812XXXXXX">+7 (812) XXXXXXX</a>

Если удалить хотя бы 1 строку, то эффект от input пропадает.
Я не понимаю эту связь! А Вы наверное даже ничего странного не видите на странице, вот поэтому я спрашивал про имитацию планшета.
Также не понятно, проблема только на моем планшете или всех.
Если планшет переворачиваю в горизонтальное положение - эффект пропадает.
Удалял media - не помогло!
ХЗ что делать, и делать ли.

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

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, вот такая вот хрень ((