使用内联样式

时间:2016-07-08 16:21:34

标签: html css mobile responsive-design

我有一个按钮可以在桌面上呈现正常但在移动设备上文本换行(http://grab.by/RkRk)。有没有办法在移动设备上使用内联CSS(不使用元视口标记或标题上的任何其他内容)将文本全部放在一行(就像在桌面上一样)。这是我按钮的HTML代码......

 <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>

1 个答案:

答案 0 :(得分:0)

由于你不能内联使用CSS媒体查询,我会说不...