Fundamentalmente, não há motivo para combater as configurações de DPI de um usuário. Se eu definir o Windows para 200dpi e executar em alta resolução, o navegador funcionará.
Seu site também funcionará, você não precisa mudar nada.
A única coisa com a qual você pode querer lidar é o fato de que meu monitor de resolução mais alta pode exibir imagens de resolução mais alta, mas você continua a me alimentar com os logotipos de baixa resolução de 540x120.
De MSDN :
Making the Web Bigger: DPI Scaling and Internet
There are times when you might want to know at which DPI Scaling a user is viewing your Web page. You can find this information by querying the screen.deviceXDPI or screen.deviceYDPI DOM property. For example, if the page is zoomed to 125%, screen.deviceXDPI will return 120 (120/96 equals 1.25, or 125%). Note, however, that the value returned is entirely dependent on the zoom state of Internet Explorer and not necessarily the DPI Scaling Setting of Windows. For example, if your Windows DPI Scaling is set to 144 DPI and you are viewing a Web page at 100% zoom, screen.deviceXDPI will return 96 (96/96 equals 1, or 100%), not 144.
Once you have the DPI information, you can:
- Make layout tweaks to optimize for different DPIs.
- Swap in higher-resolution images to take advantage of the extra pixels available to you (thus avoiding the use of imperfect image interpolation).
- Place elements on a Web page relative to the browser chrome.
É como pedir que os usuários não naveguem no seu site em um Retina Display iPhone porque sua resolução é muito alta.