Zip
June 11, 2018, 4:26pm
1
whats the pixel width for the new ipad/galaxy tab?
in my code I use 760px but I don’t know how wide the screen sizes for tablets.
I tried to look but can’t find px sizes.
I mean…can I rely on the resize in CodePen? I’m worried about how it will look.
I want to display this for mobile dev’s up to ipad/galaxy size…
https://codepen.io/AmericanPi/pen/JZWBRG
thanks for your help!
768x1024 for Tablets, you can use orientations if required.
Zip
June 11, 2018, 4:37pm
3
Hey @Randore
tx
right now I have…
max-width:760px;
should I…
max-width: 768px;
max-width: 1024;
?
No, you can write the following.
@media screen and (min-width: 768px) and (max-width:1024px){ … } or
** " (max-width: 768px) and (orientation: portrait){ … }**
** " (max-width: 1024px) and (orientation: landscape) { … }**
You can get more media-queries rules from here
Target an iPad, iPad Mini, iPhone, and other devices specifically with easy to use CSS media queries.
Zip
June 11, 2018, 4:50pm
6
I’m coding for mobile first. so the only media queries i’ll make are for the desktop view(right? lol)
please look at my pen and see line 22 in the CSS
that’s what I was saying I wana change.