remove <br> tags at mobile or under specific resolutions

Question

 $("br").remove();

I know the above..

But how could I specify the above code to run between @media(max-width:700px) and (min-width:100px) ..ONLY!

Answer 1

JS Fiddle (note that the fiddle has min width of 200px so the fiddle could reach it...)

@media only screen and (min-width: 100px) and (max-width: 700px) {
    br {
        display: none;
    }
}