Разве мы не должны использовать «Pixel» для чего-либо в CSS, если мы делаем сайт для мобильных устройств? - PullRequest
1 голос
/ 09 сентября 2010

Разве мы не должны использовать «Pixel» для чего-либо в CSS, если мы делаем сайт для мобильных устройств ?

px для макета и шрифта. Должны ли мы использовать em или % для всего на мобильных сайтах ?

и если я использую <img>, тогда я должен определить высоту и ширину для <img> в HTML-коде? или это хорошо, чтобы не определять. или я должен определить размер в CSS для <img> также в % или em

Edit:

Примечание: Вопрос больше не о px против em дебаты Мой вопрос специально для отдельного мобильного сайта. когда мы делаем отдельный мобильный сайт с другим доменом или поддоменом.

Ответы [ 2 ]

4 голосов
/ 09 сентября 2010

Все зависит от контекста.Как и в случае с CSS для браузеров настольных компьютеров, существуют ситуации, когда использование пикселей не является хорошей идеей (например, в основном для размеров шрифта), и бывают ситуации, когда пиксели все еще очень полезны (например, фиксированный макет).

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

Теперь, иногда, по стоимости или по другим причинам, выдолжны делать фиксированные макеты , или, по крайней мере, некоторые части страницы, связанные с изображениями и текстом, должны быть фиксированного размера.В этом случае нет ничего плохого в использовании пикселей.Если у меня есть <div/> с некоторым текстом внутри и красивым фоном размером 200 × 100 пикселей, наиболее очевидная вещь - установить ширину и высоту этого <div/> на 200 и 100 пикселей.

если я использую <img>, тогда я должен определить высоту и ширину для <img> в HTML-коде?

ИМХО, вы никогда не должны этого делать.Размер изображения - это просто макет / дизайн, поэтому он не имеет ничего общего с HTML, но с CSS.

Нужно ли указывать размер изображения в CSS? Если вы хотите, чтобы ваше изображение отображалось на 100%, то нет, вам не нужно : это по умолчанию в каждом браузере.Если вы хотите уменьшить его и по некоторым причинам вы не можете масштабировать само изображение, чем сохранить масштабированное изображение на сервере, тогда да, вы можете указать размер изображения.

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

2 голосов
/ 09 сентября 2010

На самом деле, я рекомендую использовать разные CSS-файлы (и иногда разные шаблоны) для браузеров и мобильных устройств. Мобильный телефон - это не просто браузер меньшего размера, это принципиально другой пользовательский интерфейс.

Что касается проблемы с пикселями, я склонен использовать пиксели в моих базовых правилах CSS, а затем везде использовать% или em, чтобы все вместе увеличивалось и уменьшалось. Это не всегда работает так, как мне хотелось бы, но, как правило, допускает много настроек во время разработки.

...