0

I have an ASP.NET Web Forms Website that has css code to detect whether or not the screen width is less than 420 pixels. The client now wants this version (under 420 pixels) to function very differently than the full screen site, so I figured I could redirect to a mobile version of the website by detecting on the server side how wide the browser is. I am using 51Degrees to check Request.Browser.ScreenPixelsWidth, but that always returns the same value, even on my phone. Is there a better way to detect this information so that I can load a mobile version of my webpage?

skaz
  • 21,962
  • 20
  • 69
  • 98

2 Answers2

0

You're mixing two different technologies. For responsive design, you never need to use browser agent sniffing. Use a RWD CSS framework like Bootstrap. With RWD you serve the same content and functionality to ALL devices.

This really sounds like an argument to develop a separate mobile app if there's some part of it that need different functionality. Outside of that, the client is an idiot and it is frequently our job to educate the client ;-)

IrishChieftain
  • 15,108
  • 7
  • 50
  • 91
0

If you want to get device-width, user-agent is not very helpful, because ultimately you need screen resolution and that will be the sole criteria to manage UI. So when more devices will come into market, you need to store their useragent and their dimension, this way, i am saying it is not helpful. And what if user has mobile or tablet, and changes orientation, means dimension just got changed for same user-agent.

So best way would be to go with css media queries to start with. There are lot of CSS to help you out for responsive design , such as bootstrap.

Arindam Nayak
  • 7,346
  • 4
  • 32
  • 48
  • Thanks. We have css media queries already, but now we need to determine even which data to pull based on the screen size, so I was thinking we would be better off server side. – skaz Oct 12 '14 at 15:38
  • So if your point is to get different data/content for various device size, then you have to go for server side code. I was thinking , you meant same content with responsive design! – Arindam Nayak Oct 12 '14 at 15:41