CODEWITHSUNDEEP
cssresponsive-design
StuBlackett
StuBlackett

Reputation: 3857

Responsive CSS - Target 1024 x 768 Screen Size Only

I have built a responsive site, Works fine on all screen sizes barring the 1024 x 768 (Tablet Landscape)

I am looking for specific CSS (or am open for JS) to target a 1024 x 768 screen.

Upvotes: 10

Views: 29528

Answers (2)

Venu immadi
Venu immadi

Reputation: 1605

Use for desktop:

@media (min-width:769px) and (max-width:1024px){
    // your code
}

Use for tablet:

@media (min-device-width:769px) and (max-device-width:1024px){
    // your code
}

Upvotes: 16

Dinesh Kanivu
Dinesh Kanivu

Reputation: 2587

You can use media Query Like this

@media (min-width:769px) and (max-width:1024px) {
    //css stuffs here
}

This is the Way if you want Tablet landscape

Upvotes: 1

Related Questions