Melodyn

Ну ладно, с декоративным шрифтом понятно.

А как быть с глюками на тех двух скринах? У них не декоративный шрифт заменяется на что-то, похожее на ComicSans, сайт в хроме обрезается (по краям это не масштабирование, а так отображается), два бэкграунда вообще исчезли (там именно бэкграунды, а не img)

Или это глюк персонально того устройства?

Шрифт находится на сервере, только в другой папке.

Именно этот способ я использовал.

Интересная штука. В скринах, которые мне прислали, отображается шрифт декоративный, но не отображаются системные шрифты (Myriad Pro, Verdana, Geneva, sans-serif). У вас же не отображается только декоративный. 

Какие можно использовать фиксы? 

Я вам больше скажу. Есть сжать окно обычного десктопного браузера, то будет то же самое.

Поменяются шрифты, продадут бэкграунды и разъедется одна кнопка? Интересная версия.

При разном разном разрешении будет разный угол поворота, если он должен быть фиксированной высоты. Это уже как раз к @media screen но опять же с костылями.

Грубый пример, почему это не проще: http://jsfiddle.net/EGZLA/

Если он высоты 60пикс, то на разрешении в 1920пикс (а это не предел), будет смотреться несколько ...

Поэтому вам ещё бы его и разной высоты. Из CSS в голову приходит только @media screen и статья о человеке, который нарисовал Джаконду на CSS3. Короче, костылей придется реализовывать крайне много, особенно для поддержки старыми браузерами.

Или же сделать картинку этого самого треугольника в 60px и растягивать её по дисплеям. 

Мне кажется, тут уже стоит обратится к HTML5 http://htmlbook.ru/html/canvas

Сегодня мне прислали скрин странички с Galaxy Tab или что-то такое на Android и... 

Так (это версия из фотошопа, но не суть) выглядит сайт на всех компьютерах с разным разрешением. Так же он выглядит на планшете под WinRT 8.1, так же он выглядит на моём нетбуке и на двух смартфонах на WinPhone 8:

А вот так он выглядит в стандартном и Chrome браузерах на планшете под Android 4...

Посмотреть можно здесь: http://melodyn.ru/sysauto/

Понятно, спасибо. 

Собственно, наглядно здесь: http://jsfiddle.net/E5rSK/

Если создать div, то ему нет необходимости указывать display, но при таких же условиях не работает content, которому для отображения оказывается необходимым указывать display. Интересует, почему так?

Кстати, footer этой проблемой не страдает, header, вроде тоже.

Есть такая хорошая статья, выбирайте любой метод: http://www.rusdigi.org/js/kak-rastyanut-fon-na-vse-okno-brauzera-chetyre-prostykh-resheniya-na-css-i-javascript-svojjstvo-background-size.html

ИЕ у меня той же версии, но абсолютно не работает. Видимо сборка корявая (винда с торрента).

Это пережиток прошлого. Была проблема с позиционированием элементов. Потом попалась статья, где в качестве решения было рекомендовано задавать абсолютный боди со стопроцентной шириной и высотой. Если не ошибаюсь, проблема была с флоатами и релативами.

 

Давайте начнем не с шрифтов и letterа, а с того, что сайт должен быть 992px, а не на весь экран

Ну у меня так и есть.

 

А начинать надо с того, что зачем вы все верстаете с помощью absolute?

https://www.dropbox.com/s/l5qks8u9s77c0k2/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-05-25%2014.57.55.png

 

У меня, как показано на скрине, так не отображается. В этом-то и соль. Проблема исключительно у меня?

Может, потому что так проще? Ничем не плохо использовать такую верстку для сайтов, которые нигде не публикуются.

Можно еще верстать более человечески, чтобы отображалось нормально.

Отличный ответ, решает все вопросы. Давайте начнем не с шрифтов и letterа, а с того, что сайт должен быть 992px, а не на весь экран.

Хотел сделать тестовый вариант через jsfiddle, но он не загружается в ИЕ оО. Может, у меня просто кривой ИЕ? 

Да, для ИЕ это не ново. Но 11я версия до этого была вроде сносной в плане отображения сайтов.

http://melodyn.ru/systemation/ - наброски сайта, не обращайте внимания на некоторые косяки. Нужно решить всего один вопрос, как исправить это: 

Мой телефон на Windows Phone с тем же самым ИЕ отображает относительно хорошо:

Собственно, чтобы не пилить весь код на jsfiddle: http://melodyn.ru/systemation/style.css, http://melodyn.ru/systemation/index.php, http://melodyn.ru/systemation/front.css

 

но поиск по картинке пропал

в Опере? или у вас вообще пропал?)

У меня почему то есть. 

 

В опере. Поставил расширение, которое имитирует Хром ) Больше выходов не осталось

В 2013 было удобно, а теперь перестало быть? Это как так? Ты, случайно, не фанат ифонов, которые перестают быть удобными сразу после выхода более новой версии?

Я не говорю, что в 2013 было удобно ) Сейчас всё аккуратненько, но поиск по картинке пропал.

А мы тут причем? 

У них и копирайт 2013 года, что уж тут поделать.

Не удобно

Сегодня обнаружил, что интерфейс гугла стал 2013го года. Что помешало мне искать порно заняться некоторыми делами. 

Зашел в техподдержку, где выяснил (http://vk.cc/2ydeIZ), что проблема только у пользователей Опера, которых, замечу, перевели на движок Chromium! Особенно выбешивает, что в списке рекомендуемых браузеров есть ИЕ. Пруф: https://support.google.com/accounts/answer/1151309?hl=ru

Короче, дикий батхерт!

Как зачем? У меня есть дизайн с большими кнопками и картинками, для сенсоров. Я хочу, чтобы размер сайта останавливался на 1024*768, поэтому задаю min-width. Без него получится шляпень.

Просто есть задача, которую нужно решить. Не смотрите на те вещи, которые вам нравятся или не нравятся, а то тема перерастёт в срач. 

а причем здесь группы ?

А при том, что там используется такой же принцип.

Как мне известно, сделать такое на чистом css сейчас можно либо %, типа контент 75%, футер 25%, либо придется ждать, пока введут: http://htmlbook.ru/blog/zhemchuzhina-css3-funkciya-calc

«Честно сказать, я в шоке»

http://jsfiddle.net/F9VEu/

Честно говоря, я сейчас колдовал с этой штукой. Мне не нравится то, что нельзя поставить значения min-width, которые всё-таки нужны.