Когда в файле CSS не указано нет @Media print для веб -страницы, какую ширину использует браузер, чтобы определить, какой CSS применим к печатной странице? И да, я знаю, что многие люди подталкивают на мобильных устройствах, но наш клиент, как правило, использует свой рабочий компьютер и планшет дома, а не приклеен к своим телефонам. < /P>
Main css for the page for everything wider than 1024 and not vertical
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
/* tablet modifications */
}
@media (max-width: 767px) {
/* phone modification */
}
< /code>
Как я понимаю, мы также могли бы написать медиа -запросы с указанием «экрана», а также с теми же результатами на кого -то электронном устройстве. < /p>
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { }
< /code>
Когда кто -то решает распечатать страницу, использует ли браузер только основные CSS? Или он считает страницу более узкой, чем упомянутая 1024px, и использует моды планшетов? Или он печатает на основе устройства, с которым вы просматриваете веб -сайт, в результате чего куча страниц с узким столбцом в центре, если вы подключаете свой телефон к принтеру через Bluetooth или Wi -Fi?>
Подробнее здесь: https://stackoverflow.com/questions/796 ... -a-webpage
