Чуйний дизайн є одним з найбільш корисних методів веб. Макет сайту може адаптуватися до екрану пристрою незалежно від того, який дозвіл використовується пристроєм.
Зображення, як правило, закодовані без ширини і висоти атрибутами, наприклад,
Зображення буде реального розміру, і ми можемо додати трохи CSS для зображення і ми не може перевищити його реальні розміри.
На щастя, сучасні браузери HTML5 забезпечує два додаткових властивості:
Властивості підтримуються в IE9. Firefox. Chrome. Safari і Opera. Зверніть увагу, що зображення повинно бути повного завантаження до доступних розмірів. Щоб переконатися, що зображення буде готове, ви можете прикріпити «load» події у вікні або саме зображення або перевірити зображення .complete перед тестуванням розмірів.
IE6, 7 і 8
NaturalWidth і. naturalHeight не підтримуються в більш старих випусках Internet Explorer. Ми все ще можемо визначити реальні розміри, завантаження зображень на об'єкт в пам'яті і вивчення властивості стандартної ширини і висоти, наприклад,
Такі речі роблять роботу програміста трохи легше.