Көпчүлүк дизайнерлер, алардын интернет баракты курууда эске биринчи кезекте кандай чечим үчүн иштеп чыгуу. Бул чынында эле түзөт, сиздин дизайны болушу керек канчалык кең чечим болуп саналат. стандарттык сайты туурасы мындан ары эч кандай андай нерсе жок.
Эмне үчүн токтом карап көрөлү
1995-жылы, стандарттуу 640x480 чечим байкоочулар ири жана мыкты байкоочулар бар эле. Бул интернет дизайнерлери бул маселе боюнча 12-дюйм 14-дюйм мониторго көбүнчө интернет браузер жакшы карап барактарын кабыл алуу жөнүндө жүрүп жатканын билдирген.
Бул күн 640x480 чечим көпчүлүк сайттан 1 пайызынан кем эмесин түзөт. Адамдар көп жогорку токтом менен техниканы акылдуулук менен колдонууга, анын ичинде 1366x768, 1600x900 жана 5120x2880. Көп учурларда, бир 1366x768 чечим экран иштери үчүн иштеп чыгуу.
Биз токтомдун жөнүндө көп тынчсыздануунун кажети жок Дизайн тарыхында бир учурда турат. Көп адамдар чоң, кенен-экран байкоочулары бар, алар өз серепчи терезесин максималдык жок. Эгер 1366 пиксел да жок экен бет иштеп чыгуу жөнүндө чечим кабыл болсо, сиздин бет жогору токтом менен ири монитордо көпчүлүк серепчинин терезелери жакшы болот.
Browser Туурасы
Эгер ойлоп барып чейин, "Болуптур, мен өзүмдүн беттерин 1366 пиксел, туурасы, чыгарабыз" Бул окуя дагы бир себеби болгон. Желе-беттеги туурасын чечим бир көп учурда көз жаздымда калып силердин кардарларга өз браузерлерге сактап канчалык чоң болуп саналат. Тактап айтканда, алар толук экран өлчөмүнө, алардын браузерлерге көбөйтүүгө же алар толук экранда кичирээк борборунда сактайбызбы?
ар бир компания стандарттуу 1024x768 чечим ноутбукумду колдонулган кошумча кызматкерлеринин бири расмий сурамжылоого ылайык, эки көбүнчө алардын арыздарын беришкен. Калгандары ар кандай өлчөмдөгү терезелерди ар кандай себептерден улам ачык болчу. Бул 1024 пиксел туурасы бул компаниянын Intranet иштеп жаткан болсо, колдонуучулардын 85 пайызы бүт барагын көрүү үчүн туурасынан сыдырып керек экенин көрсөтүп турат.
Сиз максималдуу же жок кыла кардарлар үчүн жоопко кийин, серепчи чек жөнүндө ойлонуп көрөлү. Ар бир интернет браузер 1024x768 токтом жеткиликтүү орун 800дөн көбүнчө терезелериндеги жүзү боюнча 740 пиксел же андан аз 800x600 боюнча токтом жана жүзү боюнча 980 пиксел кичирейтүү тараптан бир жылдыруу тилкеси менен чектешет. Бул браузер "Chrome" деп аталат жана ал бет дизайны үчүн колдонулуучу космостон тартып алышы мүмкүн.
Туруктуу же суюк Ширина барактар
иш жүзүндөгү сандык туурасы сиз сайттын туурасын иштеп чыгууда жөнүндө ойлонушубуз керек жалгыз гана нерсе эмес. Силер да ээ болот, эгерде чечим керек белгиленген туурасын же суюктук туурасынан . Башка сөз менен айтканда, сиз белгилүү бир санына бардык жазылыгын (негизги) же пайыз (суюк) коюуга бара жатабыз?
Fixed Туурасы
Негизги туурасы барактар сурнай сыяктуу так болуп саналат. туурасы бир катар белгиленет жана эч кандай канчалык чоң же кичине браузер өзгөрбөйт. Бул кандай гана кең так эле карап же окурмандардын браузерлерге тар үчүн дизайны бар керек болсо, жакшы болушу мүмкүн, бирок, бул ыкма окурмандарын эске албайт. сиздин долбоорго караганда куушураак браузерлерде адамдар туурасынан жылып болуп калат, ал эми туурасы браузерлерде адамдар экранда боштук ири көлөмдө ээ болот.
туруктуу туурасы баракчаларды түзүү үчүн, жөн гана бет бөлүмдөрдүн көлөмдөгү үчүн белгилүү бир пикселдик номерлерин колдонбойт.
Суюк Ширина
Суюк туурасы беттер (кээде ийкемдүү туурасы беттер деп аталат) серепчи терезе кенен жараша туурасы ар кандай. Бул сиз кардарлар көбүрөөк басым беттерди иштеп чыгууга мүмкүндүк берет. суюк, туурасы-беттердеги көйгөйү, алар окуу үчүн кыйын болушу мүмкүн эмес. Эгерде скандоочу узундугу тексти бир катар ары 10 12 сөздөрдү же кыскараак 4 5 караганда сөздөрдү караганда, ал окуу кыйын болушу мүмкүн. Бул чоң же кичине серепчинин терезелери менен окурмандар көйгөй бар экенин билдирет.
Ийкемдүү туурасы баракчаларды түзүү үчүн, жөн эле пайыздарды же пайдалануу Эмс сиздин бет бөлүмдөрдүн көлөмдөгү үчүн. Ошондой эле, сиз CSS макс-туурасы мүлк менен таанышып керек. Бул мүлк силерге салыштырмалуу бир туурасынан коюп, бирок, анда эл аны окуй албайт, ушунчалык чоң кетпеши үчүн, аны чектөөгө мүмкүнчүлүк берет.
Ал эми Winner деген: CSS Медиа Queries
мыкты чечим ушул күндөрү аны көргөнүнүн браузердин туурасы тууралап бир баракты жаратууга CSS медиа сурамдарды жана жооп үлгүсүн пайдаланууга болот. А жооп дизайн сиз туурасы 5120 пиксел кенен же 320 пиксел аны карап же иштеген интернет барагын түзүү үчүн ошол эле мазмунду колдонот. ар түрдүү өлчөмдөгү барактар ар башка көрүнөт, бирок алар ошол эле мазмунду камтыйт. CSS3 медиа суроо менен, ар бир түзүлүш, анын өлчөмү суроого туура жооп берип, стилдер жадыбалы деп атап өлчөмүнө жараша өзгөрүп турат.