css - Bootstrap Make iPhone scaling the same as iPad. -

my site collapses nicely ipad version once collapses iphone mess. prefer keep ipad version iphone well.

i know have override /* landscape phones , down */ @media (max-width: 480px) { ... }

but have override each individual param? can't tell somehow "don't collapse below 768px"

i using cdn hosted bootstrap , doing custom overrides in css.

this suggested medias:

/* smartphones (portrait , landscape) ----------- */ @media screen , (min-device-width : 320px) , (max-device-width : 480px) {   /* styles */ }  /* ipads (portrait , landscape) ----------- */ @media screen , (min-device-width : 768px) , (max-device-width : 1024px) {   /* styles */ } 

as can see, here i'm using device-width instead of width.

if want use same style in ipad , iphone , there not constrains between 480px y 768px, can simply:

@media screen , (min-device-width : 320px) , (max-device-width : 1024px) {   /* styles */ } 

hope helps!