telefono rezoliucijos išgavimas

[newyorkas]

kokiu būdu įmanoma pritaikyti @media screen kiekvienam mobiliam įrenginiui? vos ne kiekvieno mobilaus įrenginio rezoliucija skiriasi, ko pasekoje kai kurie paveiksliukai ir tekstas "stovi" ne taip kaip reikia.

@media screen and (max-width: ***Myliu SuperGames.lt*) {
    div {
		********
    }
	....{
		********
	}
}

rašyt javascriptą ar yra kažkoks paprastesnis būdas?

 

p.s ar žaisti su vh, vw, vi, etc?

Redaguota Sausio 3, 2020, nario newyorkas

[Inv1s]

Bootstrap gridą gali naudot.

Redaguota Sausio 3, 2020, nario Inv1s

[mariusqw]

https://responsivedesign.is/develop/browser-feature-support/media-queries-for-common-device-breakpoints/

Daugelis čia. Arba gali pagal inspect elemento break pointus grupes darytis [http://prntscr.com/qitpyr http://prntscr.com/qitq3r]. Arba tiesiog naudot gridą ir nereiks visko pritaikyt kiekvienai rezoliucijai.

[NTQ]

Siuo atveju media absoliučiai nereikia.

meta name="viewport" content="width=device-width"> - skirtas visiems irenginiams. Gal kokius kelis kartus panaudoju media, bet tik kad numusti float'us (left & right) ir display i block sudelioti, kad blokai eitu vienas po kito. Paprojektuok struktura su %. Jeigu protingai sudesi, media retkarciais teks panaudoti.

Max-width tau pades nepadaryti bloku per ilgu ant pc.

Redaguota Sausio 3, 2020, nario NTQ
Vietoj blogai i blokai. Mistype