|
|
|
|
Strumenti |
26-04-2019, 18:03 | #1 |
Senior Member
Iscritto dal: Nov 2008
Messaggi: 1240
|
Responsive Navbar with Dropdown CSS e compatibilità
Salve,
ho provato tale barra di navigazione usando questo codice https://www.w3schools.com/howto/howt...r_dropdown.asp e poi l'ho provato su diversi dispositivi: su qualsiasi browser per Window 10 Edge compreso funziona a parte una imperfezione grafica su IE11 che evidenza il dropdown menu ancor prima di passarci sopra col mouse. Su un telefono Windows mobile 10 32 il dropdown menu si aziona ma quando si va a cliccare il link più in basso ecco che scompare rendendo la pagina inacessibile! Su vari browser Android 4.3 funziona e spero anche per iphone. L'ho provato anche su Opera 12 (2013) su Symbian e funziona in modo strano ma accessibile. Dal momento che penso al Web come a un qualcosa di accesibile a tutti non è che c'è il modo di trovare una soluzione almeno per Windows mobile che usa Edge? Qualcuno conosce come mai non funziona? Uso Windows mobile da anni e non avevo mai rinscontrato problemi di questo tipo... |
29-04-2019, 13:38 | #2 | |
Senior Member
Iscritto dal: Apr 2005
Messaggi: 2984
|
Quote:
Credo sia sempre meglio appoggiarsi a un framework pronto che non a custom css per queste cose.. |
|
30-04-2019, 13:25 | #3 | |
Senior Member
Iscritto dal: Nov 2008
Messaggi: 1240
|
Quote:
|
|
30-04-2019, 14:19 | #4 | |
Senior Member
Iscritto dal: Apr 2005
Messaggi: 2984
|
Quote:
Ad esempio https://www.acidtests.org/ |
|
01-05-2019, 16:22 | #5 | |
Senior Member
Iscritto dal: Nov 2008
Messaggi: 1240
|
Quote:
|
|
02-05-2019, 08:24 | #6 | |
Senior Member
Iscritto dal: Apr 2005
Messaggi: 2984
|
Quote:
Di solito si fanno workaround lato chi sviluppa la web app proprio per gestire queste casistiche. |
|
13-05-2019, 22:21 | #7 | |
Senior Member
Iscritto dal: Nov 2008
Messaggi: 1240
|
Quote:
Ho letto un po di pappardella in questi giorni e alla fine ho scelto bootstrap 3.4 che carico direttamente da server. La barra menu è simile a quella precedente anche se esteticamente migliore e funziona su tutto - prima il link si apriva con hover adesso bisogna cliccare forse era quello il problema. Ora io non ho scaricato il bootstrap e non so cosa ci sia dentro mi pare sia essenzialmente un foglio di stile e spero solo non vada in conflitto con il mio di foglio di stile. Ovviamente ho dovuto togliere il codice della precedente barra menu o topnav ma vedremo se il resto delle pagine già pronte funzioneranno... PS Anche su W3school ci stanno i link che mi hai suggerito. PPS Erano più noti tempo fa i problemi di compatibilità di Edge Mobile, ho fatto un po' fatica a trovare alcune informazioni a riguardo e vecchie discussioni (2013) a problemi che magari oggi son stati per lo più risolti. |
|
14-05-2019, 09:09 | #8 |
Senior Member
Iscritto dal: Apr 2005
Messaggi: 2984
|
Per capirsi, bootstrap è sviluppato da quelli di Twitter.
Incompatibilità non dovrebbe essercene se hai fatto le cose con "criterio logico". |
17-05-2019, 15:15 | #9 | |
Senior Member
Iscritto dal: Nov 2008
Messaggi: 1240
|
Quote:
Una domanda: cosa ne viene a Twitter sviluppare bootstrap? Pensavo fosse Google dietro ad html5 e web in generale. |
|
20-05-2019, 08:41 | #10 | |
Senior Member
Iscritto dal: Apr 2005
Messaggi: 2984
|
Quote:
HTML5 è del consorzio W3C (che poi ci sia dentro ANCHE google assieme ad altri è un altro discorso). Twitter ce ne viene perchè lo usa primariamente, e ha deciso di renderlo libero come tante altre società fanno con prodotti "propri" e li rigriano Open (vedi anche Microsoft con il suo recente accostamento all'open source, Chromium di Google, ecc ecc) |
|
Strumenti | |
|
|
Tutti gli orari sono GMT +1. Ora sono le: 06:17.