twitter bootstrap - Media Query for tablets landscape Only -
i writing twitter bootstrap code. know how target smartphones, tablet portrait desktop. have problem tablet landscape. galaxy tab , resolution 1280px. if target resolution changed on desktop (if monitor have resolution). can target 1280px tablet?
all other resolutions working properly.
thanks.
mobile
only screen , (min-width: 480px)
tablet
only screen , (min-width: 768px)
desktop
only screen , (min-width: 992px)
huge
only screen , (min-width: 1280px)
you can target landscape orientation following media query :
/* landscape ipad / tablet ----------- */ @media screen , (min-device-width : 768px) , (max-device-width : 1024px) , (orientation : landscape) { /* styles here */ }
for retina ipad
@media screen , (min-device-width : 768px) , (max-device-width : 1024px) , (orientation : landscape) , (-webkit-min-device-pixel-ratio: 2) { /* styles go here */ }
Comments
Post a Comment