reklama

CSS - @media only screen

ZAJDAN

  • *****
  • 1 804
    • Zobrazit profil
    • E-mail
CSS - @media only screen
« kdy: 14. 04. 2019, 20:23:42 »
Ahoj,
potřeboval bych jeden element na webu roztáhnout na 96% pokud se zobrazí na mobilu.
Kód: [Vybrat]
.prod-container {
  width:23%;
  min-height: 30px;
  float: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-right:2px;
  margin-bottom:1px;
  padding: 6px;
  padding-bottom:10px;
}

@media only screen and (max-width: 768px) {
    .prod-container {
      width:96%; 
    }
}

tohdle funguje na desktopu při zmenšení okna ale mobilní browser to ale ignoruje, zkusil jsem tedy přidat do indexové stránky
<meta name="viewport" content="width=device-width, initial-scale=1">
to ale rozhodí/smrští celou stránku

pokud nemáš trpělivost, pokud nemáš odpověď na dotaz, chceš ostatní posílat do kouta nebo je odrazovat, že na to nemají?...nemrhej síly a raději se nevyjadřuj...prostě to ignoruj

reklama


Re:CSS - @media only screen
« Odpověď #1 kdy: 14. 04. 2019, 20:31:38 »
A na jakém telefonu to zkoušíš? Dneska už mají mobily i FullHD docela běžně...

ZAJDAN

  • *****
  • 1 804
    • Zobrazit profil
    • E-mail
Re:CSS - @media only screen
« Odpověď #2 kdy: 14. 04. 2019, 20:54:18 »
na Sony Xperia X
pokud nemáš trpělivost, pokud nemáš odpověď na dotaz, chceš ostatní posílat do kouta nebo je odrazovat, že na to nemají?...nemrhej síly a raději se nevyjadřuj...prostě to ignoruj

Re:CSS - @media only screen
« Odpověď #3 kdy: 14. 04. 2019, 22:05:17 »
Ta má ale 1080p. Navíc tady budeš chtít spíš dotaz na denzitu, ale z hlavy ti víc neporadím...

 

reklama