Home › Forums › CSS › First RWD – Media Queries not working on some phones › Reply To: First RWD – Media Queries not working on some phones
gnngSorry for slow response – I can only code in the morning before work. Here are the media queries.
@media handheld and (max-width: 1235px), screen and (max-device-width: 1235px), screen and (max-width: 1235px) {
@media handheld and (max-width: 1085px), screen and (max-device-width: 1085px), screen and (max-width: 1085px) {
@media handheld and (max-width: 977px), screen and (max-device-width: 977px), screen and (max-width: 977px) {
@media handheld and (max-width: 845px), screen and (max-device-width: 845px), screen and (max-width: 845px) {
@media handheld and (max-width: 799px), screen and (max-device-width: 799px), screen and (max-width: 799px) {
@media handheld and (max-width: 744px), screen and (max-device-width: 744px), screen and (max-width: 744px) {
@media handheld and (max-width: 699px), screen and (max-device-width: 699px), screen and (max-width: 699px) {
@media handheld and (max-width: 622px), screen and (max-device-width: 622px), screen and (max-width: 622px) {
@media handheld and (max-width: 550px), screen and (max-device-width: 550px), screen and (max-width: 550px) {
@media handheld and (max-width: 468px), screen and (max-device-width: 468px), screen and (max-width: 468px) {
@media handheld and (max-width: 404px), screen and (max-device-width: 404px), screen and (max-width: 404px) {
@media handheld and (max-width: 350px), screen and (max-device-width: 350px), screen and (max-width: 350px) {
/* Galaxy Note2 – Portrait */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-height: 1200px) and (max-device-height: 1300px) and (orientation: portrait) {
/* Galaxy Note2 – landscape Due to the Screen Height and Width is changing during orientation changes /
/@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 1270px) and (max-device-width: 1300px) and (orientation: landscape)*/
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2){