Formatieren von Textbreite für mobile Verwendung von Inline-Formatvorlagen

Question

Ich habe eine Schaltfläche, die auf dem Desktop aber auf Handy die Textumbrüche (http://grab.by/RkRk) gut rendert. Gibt es eine Möglichkeit, den Text in einer Zeile (wie auf dem Desktop) auf Mobilgeräten mit nur Inline-CSS zu erhalten (ohne Meta-Viewport-Tags oder irgendetwas anderes in der Kopfzeile zu verwenden). Hier ist der HTML-Code für meine Schaltfläche ...

<div style="width: 180px;background-color:#cc0000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;padding: 10px;"> 
 
    <a href="" class="font-regular" style="font-size: 14px; font-family: 'Arial Regular', Arial; color: white; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px;">Be thankful for everything &#187; 
 
    </a> 
 
</div>

Answer 1

Da Sie keine CSS-Medienanfragen inline verwenden kann ich nein sagen würde ...