1
我使用md-button
其中包含文本MD-按钮调整字体大小以适合按钮大小
的问题是,当我在低分辨率的文本被切断,我无法找到合适的解决方案来解决它
如果你可以请建议如何做到这一点。
我连着在高分辨率和低分辨率的屏幕截图+ CSS和HTML
<md-dialog id="new_test_draft_dialog" flex=40 flex-md=50 flex-sm=60 flex-xs=80>
<div>
<div layout-padding>
<h2>Save Changes?</h2>
<div style="padding:5px;" layout-padding>
<div layout="row" layout-align="center center">
<md-button ng-click="draftDialogService.cancel()" class="button_type_1 active">Continue</md-button>
<md-button ng-click="draftDialogService.hide()" class="button_type_1 active">Discard</md-button>
<md-button ng-click="draftDialogService.hide(saveDraft())" class="button_type_1 active">Save draft</md-button>
</div>
</div>
</div>
</div>
</md-dialog>
的CSS:
/* Buttons */
.button_type.md-button,
.button_type,
.button_type_1 {
border: 3px solid #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 5px 5px;
color: #fff;
display: inline-block;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
word-wrap: break-word;
}
感谢我检查了您的解决方案,但它并没有真正改变什么,按钮上的文本仍然是切... –
@LiadLivnat?当你在你的问题中说“低分辨率”时,你的意思是小屏幕尺寸?用我的例子,按钮看起来没问题,屏幕尺寸很小。 –
我的意思是页面响应,所以是低分辨率是1175,我更新了代码,也许它不会影响,因为它是在一个模式? –