WOOATM- WooCommerce'i akordionid ja vahelehtede haldur | Codecanyoni skriptid ja jupid

Püüan luua tundliku veebisaidi (töölaud, tahvelarvuti ja nutitelefon) ja tahaksin seda näidata erinevates brauserites.

Nii ehitasin oma links koos nav-element minu HTML-saidil:

 

Oma CSS-failis annan klassi rippmenüü-sisu need parameetrid:

.dropdown-content a { font-size: 16px; padding: 12px 17px; } 

Pilt pärit Firefox, tõstis klassi punasesse kasti esile .dropdown-content a

Pilt pärit Chrome, tõstis klassi punasesse kasti esile .dropdown-content a

Kuidas on võimalik, et Chrome'is kuvatav pilt on väiksem kui Firefoxis?

See on minu HTML- ja CSS-kood.

Olen otsinud sarnaseid küsimusi teemal virnavahetus, kuid pakutavad lahendused ei töötanud minu jaoks.

Kas keegi saaks mind aidata selle probleemi lahendamisel?

  • biotza - lisab display: block; oma CSS-ile .dropdown-content a kas mõlemad loendid näevad välja ühesugused? Ma ei tea, kas erinevus on selles, et brauserid käsitlevad sisemiste elementide ümbrust erinevalt. Kui see ei paranda, võib aidata näha rohkem oma menüü CSS-i.
  • Tänan sind vastuse eest! , I teha ekraaniga: blokeerida; aga midagi pole muuta, ma muudan nüüd uue küsimuse ja annan lisateavet ...
  • imgur.com/a/2KPHrmW MacOS-is näen Chrome'i ja Firefoxi erinevust vähem kui piksli laiusega. Võimalik, et tüpograafiaseade võib seda parandada, kuid tõenäoliselt ei tasu seda jälitada. Võib-olla proovige lisada projekti normalize.css või lähtestada?
  • suured tänud toetuse eest! , Homme proovin seda, saidil normalize.css soovin teile kena ööd!

Leidsin oma probleemile lahenduse!

Kuidas Angelique öelda, on Chrome'i ja Firefoxi vahe väiksem kui piksli (0,8333) laius, olen Linuxiga, ta on Maciga ja neil pole vahet ...

Sest Firefox Mina andma polsterdus need parameetrid:

.dropdown-content a { font-size: 16px; padding: 12px 17px; } 

Ehitamiseks polsterdus parameetrid Chrome Ma kasutan WebKit + polsterdus ja annan numbri 16, annan ainult teise koha, sest edasi polsterdus, teine ​​koht on liikuda paremale saidile .., kuidas seda näidata,

.dropdown-content a { -webkit-padding-start: 16px; } 

ja nüüd on mul mõlemad (Firefox ja Chrome) ühesuguste suurte ...

Suur tänu Angelique sest aitate mul sellest aru saada ja Adriano inglise keele parandamiseks soovin kõigile teie jaoks toredat nädalat!

none: Charles Robertson | none