одни и теже элементы отображаются совершенно по разному, а мобильные и компьютерные браузеры как земля и воздух - совершенно всё наоборот и подругому на какой браузер тогда ориентироваться при создании дизайна css ?
Я ориентируюсь при верстке на google crome, так как у него отлично продуманная панель разработчика, самый распространенный браузер, множество браузеров работающих на движке Chromium. Что касается мобильной версии, тут несколько нюансов. Необходимо обратить внимание на метатег <meta name="viewport" content="width=device-width, minimum-scale=0.25, maximum-scale=1.0, initial-scale=1.0"> тогда на мобильном браузере все будет выглядеть, так как ты планируешь!
движок chrome - это же webkit ? на нём сейчас сафари и опера ещё а мобильные браузеры на каких движках ? chrome android, мобильная опера и стандартный браузер андроида, написано интерент, но я не знаю к какому его браузеру относить а вот этот метатег если я его поставлю как есть повлияет на масштаб страниц для телефонов ? ещё недавно появилась проблема - гугл проверяет адаптацию мобильной версии, но можно ли не делать мобильную версию отдельную а сделать одну, которая будет и под телефонный экран и область просмотра настроена ?
Именно так. А еще Яндекс.Браузер, Вивальди, последняя Opera, а еще ходят слухи, что новый браузер от Microsoft, так же будет на базе Chromium. Для этого он и нужен. он говорит типа: ширина = ширине устройства, минимальный зум = .25, максимальный = 1, по умолчанию = 1. если нужно, чтобы мобильный сайт не увеличивался при "разводе пальцев", то минимальный тоже надо установить 1. Это не проблема, а адаптация к сегодняшним реалиям. По этой теме желательно погуглить Media Queries. Это адаптация сайта в зависимости от разрешения экрана. Полезная вещь, но очень муторная.
Не надо ориентироваться на какой-то один браузер, нужно юзать css reset и верстать кроссбраузерно )) Для упрощения и ускорения адаптивной верстки рекомендую юзать какой-нибудь css фреймфорк, мне лично нравится бутстрап: http://getbootstrap.com/
В гугл хром есть возможность просмотреть как будет выглядеть на телефоне, планшете. Адаптивную верстку лучше всего использовать.
Таки да - хромиум, не гугл хром, делает возможным корректировать недочёты веб-дезайнеров. Пример тому: Летом этого года, банк отказывал в доступе - "У вас неправильная ОС" ОС - Windows 10, Preview. И в тоже самое время, доступ открыт с гугл хромиум - но с линукс. Пойди пойми их, какими идеями они руководствуются, серъезные веб-кодеры банков. Поменял user-agent на мобилу в тот хромиуме под Windows, F12 и выбор первого по списку из мобил - пустило в панель Personal banking. Не советую этого делать со своим банк аккаунтом, на ненастроенной Windows 10.
мобильные же браузеры - они совсем с другими же стандартами работают и от компьютерных отличаются как небо от моря ?
да, другая, но например стандарты общепринятые при этом игнорируются, margin, padding - отображаются подругому стили тоже что и ie в старых версиях, у всех одно - он по своему показывал
