Защо има разлика в това какво ми визуализира Stylizer и това как се вижда в браузъра?

Question

Accepted Answer

Има разлика понеже Stylizer не използва реалния броузър а модул който го пресъздава на 99%. Някой по-странни правила които не би трябвало да се използват, излизат грешно.

Чрез иконката диамант в горния ляв ъгъл на Stylizer, от там избираш кой броузър искаш да симулираш.

Това което показваш може да се получава заради различните алгоритми на броузърите за автоматична поправка на развален HTML код. Например, ако си заправила някой таг незатворен, всеки броузър може да си го поправи по различен начин :)

Има и друг вариант, просто да използваш комбинация от сложни правила върху един и същ елемент или поделементи , като например:

position:relative; float:left; margin:-50px 50px; padding:10px 20px; display:inline-block;

Принципно всички те преместват елемента на някъде и много от тях не ни трябва да ги използваме заедно. Ако всеки броузър реши да изпълни тези правила но по различен ред, всеки ще покаже нещо различно.

Това се получава понеже стандартите се диктуват от организацията W3C, те понякога са непълни и всеки от броузърите си правят собствени нови или различни интерпретации :)

Поне сега вие сте доста по-облагодетелствани понеже нещата са около 100 пъти по-лесни да се направят да работят на всички броузъри от както бяха преди 10 години :)

Създаване на страница 6 (раздвижване)

Пълен достъп до курса: Не

Дискусия към урока