Mostly I am using bootstrap for my website and I keep it pretty responsive. However some of my pages are hard to adjust with media queries.
I have a size limit 769px for mobile.
Is it a acceptable practice that, lets assume a user visits my website with desktop chrome, and I serve desktop version of it, once user re sizes screen to a mobile size I refresh the page and serve mobile version, if user re sizes back again to a bigger size, I refresh and serve desktop version again.
If this is a mobile browser there is no issue already because they keep with same screen size, also I doubt how often desktop users will re size their screen after initial load. But in case of they re size and if media queries are hard to apply I tend to go this way. And I would like to know if this is a OK or "not acceptable" approach.