如何在Sass中根據父母的寬度設置最大寬度？
[英]How to set max width based on parent's width in Sass?
問題描述
我有一個可調整大小的容器（按鈕）。 里面有2個按鈕，其中1個帶有動態文本。
在我的scss中，我想檢查容器的寬度是否小於200，那么dynamic-button的最大寬度為135px，否則dynamic按鈕的最大寬度為200px。
Buttons {
height: 100%;
margin: 0 auto;
width: auto;
text-align: center;
}
Button {
@include box-sizing;
margin: 9px 9px 9px 9px;
min-width: 60px;
&.hot {
margin-left: 9px;
}
}
1 個解決方案
解決方案1
0 2017-12-04 16:49:04
根據我的經驗以及您對問題的理解，您必須在類“ Button”的類內部使用媒體查詢
當父母的寬度沒有超過其最大寬度值時，如何讓孩子的寬度不超過父母的寬度？
[英]How to get the child width to not exceed the parent's width when parents width did not exceed its max-width value?
如何獲取超級父div寬度並基於超級父div寬度設置子和父div寬度
[英]How to get super parent div width and set child and parent div widths based on super parent div width
如何將子 div 寬度設置為等於 max-width 但以父級為中心
[英]How can I set child div width equal to to max-width but centered of parent
如何根據父元素設置固定位置的div百分比寬度
[英]How to set a div percentage width with a fixed position based on the parent element
如何將Chrome應用的最大寬度設置為比最小，最大化，關閉按鈕的寬度窄？
[英]How to set Chrome app's max width narrower than the width of minimize, maximize, close -buttons?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.