How to check if screen resolution width is less than X in diazo rules.xml

Plone Support Theming
1

I need to drop an element by id if user is anonymous and screen resolution width is less than 700px

If the user is authenticated can be check with the following. But how do I check if screen resolution width is less than 700px?

<drop css:theme="#my-id" css:if-not-content=".userrole-authenticated" />
2

You can't. Diazo rules are evaluated on the server side and information about the size of the browser viewport is not available. You probably want to hide it with a CSS media query instead.

3

Thank you. Hiding with a css media query works fine.