it-swarm-eu.dev

responzivní minimální šířka webové stránky?

Podle mých zkušeností nejcitlivější weby nemají minimální šířky, takže když se změní jejich velikost na malou velikost (řekněme 100px okno), obsah se sám vyšroubuje a stane se nečitelným.

příklad: http://alistapart.com/article/responsive-web-design

Líbí se mi flexibilita RWD, ale obvykle implementuji na svých webech minimální šířku, protože se mi prezentace prezentace, když je příliš malá, nelíbí. Mnoho stránek, které nereagují, vás nechá posouvat a já jsem přemýšlel, jestli by bylo dobrým kompromisem mít minimální šířku a zda to vůbec ovlivní použitelnost. příklady https://theartofdining.co.uk/

30
benbyford

Web design byl vždy o výběru publika, na kterém vám záleží. Mohli byste péče o každém používaném prohlížeči a můžete se spolehnout na minimální sadu běžných funkcí nebo použít techniky progresivního vylepšení/půvabné degradace, abyste mohli využít moderní funkce, pokud je k dispozici. Pozdější přístup vyžaduje mnoho zdrojů.

Osobně se obávám pouze zařízení se šířkou 320 pixelů nebo větší. V jistém smyslu se o menší zařízení moc nestarám, i když očekávám, že weby, které vytvářím, budou mít v každém prohlížeči určitou (možná sníženou) funkčnost.

30
obelia

První: Můžete si nechat načíst skvělý responzivní web s minimální nebo maximální šířkou nebo je dokonce smíchat ve stejném mediálním pravidle. Lidé mají při psaní responzivních stylů různé přístupy.

Všechny vaše mediální dotazy jsou napsány s:

@media screen and (min-width : 320px) {
}
@media screen and (min-width: 680px) {
}
@media creen and (min-width : 1024px) {
}

Znamená, že tento CSS se použije, pokud je sledovaná oblast větší než 320, 680 a 1024.

Přesto pokud máte:

@media screen and (max-width: 320px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 1024px) {
}

Znamená, že tento CSS se použije, pokud je zobrazovací plocha menší než 320, 680 a 1024.

Za druhé: Můžete dokonce mít konkrétnější mediální dotaz:

@media screen and (min-width: 680px) and (max-width: 1024px) {
}

který uvádí: Pokud je oblast prohlížení mezi 680 px a 1024 pixelů, použijí se tyto styly.

Zabalení, pokud nevidíte mnoho webových stránek s min. Šířkou mediálních dotazů, neznamená to, že nefungují tak dobře jako ty s maximální šířkou. Možná ano, možná ten, kdo napsal citlivý bit, byl pohodlnější pomocí maximální šířky.

10

Bez ohledu na to, zda to ovlivní použitelnost, záleží na vašem publiku, zařízení, které používají, a na čem jste se rozhodli pro minimální šířku.

Většina chytrých telefonů vám umožňuje posouvat a přibližovat, takže možná budete chtít nastavit minimální šířku na jakoukoli nejnižší šířku, která nebude bránit vašemu obsahu. Celým účelem responzivního designu však je, aby bylo možné změnit rozvržení v různých šířkách, což vám umožní přizpůsobit obsah. Měli byste být schopni najít řešení pro téměř všechny velikosti, pokud velké obrázky nebo grafy nejsou součástí vaší obsah.

Ať tak či onak, obecně se příliš nestarám o šířky pod 320 pixelů a zdá se, že ani většina webových designérů.

2
Eric