Termes de suports com orientar l'escriptori, la tauleta i el mòbil

Aquest lloc web utilitza un servei de seguretat per protegir-se dels atacs en l­nia. L'acci³ que acabeu de realitzar provocava la soluci³ de seguretat. Hi ha diverses accions que podrien desencadenar aquest bloc, incloent-hi la presentaci³ d'una determinada paraula o frase, una ordre SQL o dades malformades.

Qu¨ puc fer per resoldre aix²?

Llista de programari de disseny web sensible i d'altres escriptoris

Les consultes de suports s³n una caracter­stica de CSS que permeten adaptar-se a diferents mides de pantalla i resolucions de pantalla. S³n una part fonamental del disseny web sensible i s'utilitzen per personalitzar l'aparici³ de llocs web per a diversos dispositius.

La consulta multim¨dia anterior s'activa si la finestra del navegador d'un usuari s de 768 p­xels ample o menys. Aix² podria passar si redu¯u la finestra en un ordinador d'escriptori o si esteu utilitzant un dispositiu m²bil, com ara una tauleta per veure la p gina web.

Quan vam asseure inicialment per discutir les funcions de defecte, podeu imaginar les paraules "Bugs, bitllets, fites, prioritats" que es llancen molt. I tindreu ra³. Per² ms enll  de quina funcionalitat que hem incorporat a Aforwpress hem estat disposats a assegurar-nos que la seva usabilitat era tan bona com el conjunt de caracter­stiques. No noms en els escriptoris, sin³ en diversos dispositius.

"Disseny sensible" van ser dues altres paraules que mantenien el cultiu. La perusal m²bil de la web s una tend¨ncia creixent i vam decidir abra§ar-ho mitjan§ant el lliurament d'un dispositiu de disseny agn²stic. En termes laymans, aix² significa que si esteu comprovant defectu³s al vostre escriptori, el vostre iPad o el vostre tel¨fon intel·ligent, el contingut es lliura a vost¨ de manera intu¯tiva i adequada.

Llavors, com es fa? Amb una mica de p­l·lic de consultes de mitjans de comunicaci³ CSS3. Les consultes dels mitjans de comunicaci³ han estat atraient molt d'atenci³ recentment, de manera que ja estem comen§ant a veure galeries de disseny web sensibles que apareixen.

Una consulta multim¨dia s una simple pe§a de codi, col·locada en una cap§alera del lloc web o un full d'estils de la qual s detectar informaci³ diferent sobre un usuari i oferir un full d'estil espec­fic basat en aquesta informaci³. Hi ha diverses funcions de mitjans de comunicaci³ diferents que podem consultar, per² el ms important per a nosaltres era l'amplada, l'amplada del navegador que s. En saber l'amplada actual del navegador dels usuaris, podem fer suposicions educades quant a quin dispositiu utilitzen. Per exemple:

Com? Com he esmentat, es poden incloure consultes de mitjans anteriors a la cap§alera de la p gina (si voleu separar els fulls d'estils per dispositiu) o directament en un full d'estils principal. Com que FaultPress s un tema molt gran, vam optar per crear un full d'estils separats per a cada dispositiu. El codi mateix s molt senzill:

El primer full d'estils s el valor predeterminat i tots els estils principals es col·loquen aqu­. Aix² est  dirigit a resolucions entre 1024 — 768 i 1280 — 1024. Les dues resolucions ms populars actualment. El segon s per a pantalles de pantalla panor mica moderna i es lliurar  als usuaris l'amplada de resoluci³ de pantalla s superior a 1212px. El tercer s per a tauletes i visitants amb una amplada de resoluci³ entre 768px i 991px.

Amb fulls d'estils espec­fics preparats per a un rang de dispositius suficients, el segent que cal fer s assegurar-vos que la vostra amplada de l'element d'embolcall principal sigui adequat per a aquests dispositius. La manera ms f cil i sem ntica de fer-ho s utilitzar l'etiqueta del cos. Com a exemple r pid (no vull tirar-vos amb interminable codi), dins del vostre fitxer de m  de m  Portrait.css que inseriu alguna cosa en les l­nies de:

Esperem que cobreixi els conceptes b sics de les consultes dels mitjans de comunicaci³ i us ajudar  a configurar dissenys sensibles. El comentari final que et deixo s tenir cura amb aquesta t¨cnica. ‰s f cil caure en la trampa d'assumir que els usuaris de tel¨fons intel·ligents tenen pressa, per tant, no estan interessats en la funci³ X. Vaig utilitzar el terme "Dispositiu Disseny agn²stic" al comen§ament d'aquest article i s un que prefereixo "disseny sensible". El vostre lloc web hauria de lliurar la funcionalitat id¨ntica a travs de dispositius, les consultes de suports simplement ens permeten optimitzar com es lliura aquesta funcionalitat.

Nou itilize bonbon
Við notum smákökur til að tryggja að við gefum þér bestu reynslu á heimasíðu okkar. Með því að nota vefsíðuna samþykkir þú notkun okkar á smákökum.
Permitir cookies