CSS: margin-top unkompliziert ändern bei mobilem Endgerät

[Hans]

Hallo Leute,

ich bastele mir wieder eine Homepage und merke, wie eingeschränkt meine Kenntnisse zum responsiven Design sind.

Folgender Code:

<div style="opacity: 0.7;margin-top:5%;background-color:grey;width:100%;">

funktioniert wie erwartet, nur auf meinem kleinen Smartphone müsste man bei "margin-top" anstelle von 5% 10% angeben. Gibt es eine einfache Möglichkeit das umzusetzen, vielleicht auch ohne Javascript?

Danke und viele Grüße!