Question

Why would this not work.

body{
    @media screen and (min-width: 1024px) {
        min-width:1339px;
    }
}

I want if the user is on an Iphone or Ipad 2 to set the min-width:1339px; but if on deskop browsers to not add any min-width.

Answer 1

With media queries, you can’t put them inside of a selector.

Edit: After re-reading, I also see that you want to apply this to iPads/iPhones, so you want max-width, not min-width.

@media screen and (max-width: 1024px) {
    body {
        min-width:1339px;
    }
}