Hvorfor får tabellen forskjellige rammmer på forskjellige Android-nettlesere?

[Pallantir]

Jeg har en dynamisk tabell som fylles med info fra et annet program, og det meste funker som det skal på de fleste enheter. Men så er det Android... På den innebygde leseren på min S5, og Next, som er den jeg liker best å bruke, havner rammen feil hvis jeg har samme innstilling som for pc-er (uansett om user agent er satt til iPhone, mobile eller desktop). Hovedrammen rundt hele tabellen havner omtrent 1/3 fra slutten av tabellen, mens rammene rundt cellene blir riktig. Med Chrome for Android blir det riktig. Så jeg la inn litt kode for å rette på det:

@media only screen and (max-device-width: 1200px) {
#floating-menu{
font-size: 8pt;
}
#termostattabell {
width: 750px;
}

Da kan jeg få det riktig på én av dem, men ikke på både den innebygde og Next. Er det noen måte å få rammen til å passe til dataene inni uten at de trenger å endres i det hele tatt? På pc-nettleseren har jeg ingen kode for bredde av verken celler eller selve tabellen, og der innretter den seg etter dataene.

Endret 10. mai 2015 av Pallantir

[Pallantir]

Jeg fikk det til i Chrome for pc med debugging i Chrome (det var en feil i bredden som ikke Firefox reagerte på av en eller annen grunn), men mobilt blir det enten Chrome eller Next/innebygd nettleser som virker.

Endret 11. mai 2015 av Pallantir

[haugsand]

Legg til denne koden i head:

<meta name="viewport" content="width=device-width, initial-scale=1">

Da kan du benytte max-width i stedet for max-device-width i CSSen din:

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

  #floating-menu {
    font-size: 8pt;
  }

  #termostattabell {
    width: 750px;
  }

}

[Pallantir]

Takk for det! Men det hjelper dessverre ikke på Chrome vs. andre nettlesere på Android.