使文本适合按钮

Question

我正在使用引导程序和JavaScript进行测验。按钮中的文本有时比按钮的主体长，并且在移动设备上，文本不适合按钮，因此我们无法阅读文本。如何使文本适合按钮主体？谢谢！。<button id="answer_a_btn" class="answer btn     btn-default btn-lg btn-block" role="button">                       <span><p id="answer_a" style="width: 100%"></p></span>                   </button><button id="answer_b_btn" class="answer btn btn-default btn-lg btn-block" role="button">                           <span><p id="answer_b" style="width: 100%">    </p></span>                   </button><button id="answer_c_btn" class="answer btn btn-default btn-lg btn-block" role="button">                       <span max-width: 100%><p id="answer_c" style="width:   100%"></p></span>                   </button>

Answer 1

使用媒体查询来调整font-size字体大小或使用动态值，例如，vw或使用简洁的插件

Answer 2

尝试使用像素代替：

style="width: 200px;"