CSS и принтер (@media правила)

@you-rick · Регистрация: 08.09.2010

Студворк — интернет-сервис помощи студентам

Здравствуйте. У меня такой вопрос: необходимо сделать страничку, работающую с @media правилами, то есть версии для монитора, принтера, мобильного телефона. У меня нету принтера, да и наверно если бы был, то портить листы и тратить краску на все эксперименты ни хочется. Есть ли програмки, чтоб просмотреть как будет выглядеть web страничка при распечатке. Очень прошу, если кто знает, помочь ссылкой или советом!!!! Мне это крайне необходимо!!! Это тема моего курсача!!

ЗЫ: И если кто знает, как делаются варианты web странички для мобильника!!!!))) Буду оочень благодарен!!

@LeD4eG · 10.03.2011, 12:54

you-rick, в Mozilla нажимаете Файл - Предварительный просмотр. вот так и будет выглядеть страница при распечатке.

ну вообще создание страниц для мобильного телефона мало чем отличается от создания обычной страницы. необходимо только учитывать разрешение.

ну а вообще, вот, почитайте http://htmlbook.ru/css/media. но предпочтительнее создавать на каждое устройство свою таблицу стилей и указывать в <link...> тип устройства, предназначенного для вывода страницы.

@you-rick · 10.03.2011, 23:38 **[ТС]**

Спасибо, я попробую. Но вроде @media свойство screen используется для экрана, а print для печати, мне почему то кажется, что Предварительный просмотр браузера не подключит таблицу стилей, подключенную свойством Print.
А на счет media правил, я пролистал много всякой литературы, читал гдето что эти медиа правила далеко не всегда работают, и приходится с помощью какого нибудь ЯП, определять какое устройство используется клиентом.
Вы не в курсе, что из этого действительно работает??

****да и предварительный просмотр требует установленного принтера, к сожалению

@Mailo · 11.03.2011, 01:50

Да вот я тоже думаю, что дело только в расширении, ну или кривой интерпретации ПО этого правил, потестить расширения можно тут: http://viewlike.us. Кпк там есть, принтера не было, оказалось что у принтаров нету экранов

@SirZh · 11.03.2011, 11:15

Сообщение от you-rick

Есть ли програмки, чтоб просмотреть как будет выглядеть web страничка при распечатке

Для Мозилы есть плагин Web Developer, он позволяет просматривать со стилями "Печать" и "Наладонник".

@you-rick · 14.03.2011, 15:56 **[ТС]**

Сообщение от SirZh

Для Мозилы есть плагин Web Developer, он позволяет просматривать со стилями "Печать" и "Наладонник".

Я установил Web Developer, но там много всего, я не разобрался где именно можно просмотреть вариант сайта для наладонников или для печати. Не могли бы вы уточнить, если вам не трудно.

@Skipy · 14.03.2011, 17:49

Сообщение от you-rick

Но вроде @media свойство screen используется для экрана, а print для печати, мне почему то кажется, что Предварительный просмотр браузера не подключит таблицу стилей, подключенную свойством Print.

А Вы проверьте. Это лучшее средство против "кажется". Вот страница: . Суть статьи сейчас неважна. В режиме просмотра печати Вы увидите три картинки. В обычном режиме их нет.

****да и предварительный просмотр требует установленного принтера, к сожалению

У меня в системе установлены:

Microsoft Office Document Image Writer
Microsoft XPS Document Writer
CSD Writer for iriver
Bullzip PDF Printer
Adobe PDF

Ни один из них не является принтером, это эмуляторы. Погуглите "Print to PDF", поставьте бесплатный вариант, для просмотра этого будет достаточно.

@SirZh · 14.03.2011, 19:42

Сообщение от you-rick

Я установил Web Developer, но там много всего, я не разобрался где именно можно просмотреть вариант сайта для наладонников или для печати. Не могли бы вы уточнить, если вам не трудно.

После установки плагина в меню Инструменты появляется строчка Web Developer. CSS можно переключать оттуда. Или, как на принтскрине добавить "Панель Web Developer".

@you-rick · 15.03.2011, 13:34 **[ТС]**

Всем огромное спасибо, буду пробовать!!

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@you-rick 1 / 0 / 2 Регистрация: 08.09.2010 Сообщений: 61

	CSS и принтер (@media правила) 09.03.2011, 23:20. Показов 4603. Ответов 8 Метки нет (Все метки) Здравствуйте. У меня такой вопрос: необходимо сделать страничку, работающую с @media правилами, то есть версии для монитора, принтера, мобильного телефона. У меня нету принтера, да и наверно если бы был, то портить листы и тратить краску на все эксперименты ни хочется. Есть ли програмки, чтоб просмотреть как будет выглядеть web страничка при распечатке. Очень прошу, если кто знает, помочь ссылкой или советом!!!! Мне это крайне необходимо!!! Это тема моего курсача!! ЗЫ: И если кто знает, как делаются варианты web странички для мобильника!!!!))) Буду оочень благодарен!! 0

@LeD4eG 14 / 14 / 0 Регистрация: 29.09.2009 Сообщений: 79
	10.03.2011, 12:54
	you-rick, в Mozilla нажимаете Файл - Предварительный просмотр. вот так и будет выглядеть страница при распечатке. ну вообще создание страниц для мобильного телефона мало чем отличается от создания обычной страницы. необходимо только учитывать разрешение. ну а вообще, вот, почитайте http://htmlbook.ru/css/media. но предпочтительнее создавать на каждое устройство свою таблицу стилей и указывать в <link...> тип устройства, предназначенного для вывода страницы. 1

@you-rick 1 / 0 / 2 Регистрация: 08.09.2010 Сообщений: 61
	10.03.2011, 23:38 [ТС]
	Спасибо, я попробую. Но вроде @media свойство screen используется для экрана, а print для печати, мне почему то кажется, что Предварительный просмотр браузера не подключит таблицу стилей, подключенную свойством Print. А на счет media правил, я пролистал много всякой литературы, читал гдето что эти медиа правила далеко не всегда работают, и приходится с помощью какого нибудь ЯП, определять какое устройство используется клиентом. Вы не в курсе, что из этого действительно работает?? ****да и предварительный просмотр требует установленного принтера, к сожалению 0

@Mailo 178 / 226 / 31 Регистрация: 18.02.2010 Сообщений: 2,313
	11.03.2011, 01:50
	Да вот я тоже думаю, что дело только в расширении, ну или кривой интерпретации ПО этого правил, потестить расширения можно тут: http://viewlike.us. Кпк там есть, принтера не было, оказалось что у принтаров нету экранов 1

@you-rick 1 / 0 / 2 Регистрация: 08.09.2010 Сообщений: 61
	15.03.2011, 13:34 [ТС]
	*Всем огромное спасибо, буду пробовать!!* 0