Page size with condition

Question

What I need to do is: If the page size (not the screen size) is more than 2400px, then the table width is 50% else is 100%.

@media only screen and (min-width: 2300px) and (max-width: 2500) {
    .tblMemberInfo {
        width: 50%;
    }
}

I tried using the CSS above but it is not working.

if you want condition for page size why you checking screen size there?You must be check window size or document width and must be doing with jquery — Shubham, Feb 27 '19 at 07:13
Possible duplicate of [Browser size (width and height)](https://stackoverflow.com/questions/2474009/browser-size-width-and-height) — Webdeveloper_Jelle, Feb 27 '19 at 07:42
@Shubham he does not need jQuery, and he is not checking the screen size. No need for jQuery at all here. And if you believe CSS cannot do the trick at least suggest a pure JavaScript solution. — Daut, Feb 27 '19 at 07:47

score 0 · Answer 1 · answered Feb 27 '19 at 07:40

0

I believe what you to achieve is getting the browser width which can be done by using javascript or jquery

Check this answer from other stack overflow question that can help you solve your problem.

answered Feb 27 '19 at 07:40

Guillermo Medina

score 0 · Answer 2 · answered Feb 27 '19 at 07:45

You missed px at the end of your query. I am not sure this will fix it, but I have had problems because of this.

@media only screen and (min-width: 2300px) and (max-width: 2500px) {
    .tblMemberInfo {
        width: 50%;
    }
}

I don't know if there is a way to get screen size from the browser.

2 Answers2