HTML voll ansprechbar Tipps

stimmen
0

Nun, ich bin Anwendung Ansprechbarkeit auf meine kleine Projekte zu Lernzwecken.

Ich habe auf einigen Websites sieht aus wie: w3schools-mediaquery

Ich habe interessante Dinge gefunden, aber ich würde gerne wissen, wie die verschiedenen Auflösungen zu handhaben und das Medium am meisten für eine volle ansprechende Website zu empfehlen.

Im Moment habe ich so etwas wie:

@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 1200px) {}

grundsätzlich mit einer einfachen Anpassung, ohne viel Arbeit zu beginnen, dachte ich an, beginnend mit:

@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 650px) {}
@media only screen and (min-width: 700px) {}

Wäre Codierung eine Schnittstelle every 50pxnützlich sein? 10 to 10, 20 to 20, 50 to 50Was würden die meisten empfohlen werden? oder gibt es eine andere nützlicher Weg , dies zu tun?

Ich möchte alles von Hand tun, Bootstrap ist eine entfernte Alternative.

Einige Beispiele, Empfehlungen und Korrekturen sind willkommen!

Danke für Ihre Aufmerksamkeit.

Veröffentlicht am 08/11/2018 um 00:04
quelle vom benutzer
In anderen Sprachen...                            


1 antworten

stimmen
-1

Ich benutze einen einzelnen Haltepunkt, im Grunde ich Telefone bin Erkennung nur. Soweit Gesamtlayout, ich bin mit CSS Grid, wie es die meisten der Lage ist. Ich finde, dass mehrere Haltepunkte unrealistisch zu halten und so nicht mehr ich Tablette Ansichten betrachten. Es ist entweder eine Telefon-Ansicht oder kein Telefon Ansicht.

@media screen and (max-width: 767px) {

}
@media screen and (min-width: 768px) {

}
Beantwortet am 08/11/2018 um 00:16
quelle vom benutzer

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more