Регулирайте уебсайта си така, че да отговаря на всички резолюции
При проектирането на уебсайт, едно от най-важните неща, които трябва да имате предвид, е да се гарантира, че страницата ви се показва правилно на екрани и устройства от всякакъв размер. Това може да стане чрез вмъкване на ред в кода, който определя относителната ширина на страницата или чрез предоставяне на минимални и максимални разделителни стойности.
Тази бърза статия ще ви даде съвети как да гарантирате, че вашият уебсайт се появява правилно на екрани от всякакъв размер .
Регулирайте уебсайта си за всички екрани
Определянето на относителната ширина на страницата е препоръчителният метод, когато става въпрос за дизайн на уеб страници, поради способността на страницата да се приспособява към екрани от всякакъв размер. Като дефинирате ширината в проценти, за разлика от номера на единица, вие изграждате определена гъвкавост за всяка част от страницата, позволявайки му да расте или да се свива въз основа на спецификациите на екрана на екрана.Определянето на относителната ширина на уебсайта се извършва чрез тагове на тялото . Този маркер може да се адаптира, ако използвате тяло div # :
тяло {ширина: 100%;}
В този пример кодът диктува, че страницата на уебсайта ви ще отнеме 100% от прозореца, независимо от размера на екрана за преглед. Ако искате страницата ви да изглежда малко по-малка, препоръчваме ви да настроите ширината си на не по-малко от 80% или рискувате съдържанието ви да изглежда твърде малко на екрана. Ако дефинирате по-малка ширина, можете да фокусирате екрана си с поле: auto .
Минимална или максимална ширина на имота
Минималното или максималното свойство на ширината може да се използва и при настройване на уебсайта, за да отговаря на всички видове резолюция. Важно е да се отбележи обаче, че минималната ширина не се поддържа в Internet Explorer и че задаването на максимална ширина може да доведе до изкривяване на презентацията, ако по-малка страница не се побира в по-голям екран.Ето пример за уебсайт, показващ ширина на страницата 90%, центрирана, с минимална ширина 600 пиксела и максимална ширина 2000 пиксела:
тяло {ширина: 90%; марж: автоматичен; мин ширина: 600px; макс ширина: 2000px}