遇到一個問題,想給界面設置最小寬度,小於這個寬度,內容滑動。就設置了overflow-x:auto。
總共四個界面,只有一個界面實現了,其他三個界面始終展示了滾動條。對比了一下,發覺這三個界面都用了antd的Row, Col布局。
最后我給Row設置了width:100%,終於ok了。
其實想想,overflow-x:auto就是內容超出了寬度顯示滾動條,如果一直顯示,說明有內容始終超出了寬度。對比了前后,發現,Row元素自帶了樣式margin-left:-10px,margin-right:-10px,所以總的寬度始終比設置的最小寬度超出了20px,
也就會一直顯示滾動條了。
這里也涉及對於box-size的知識。參考https://blog.csdn.net/orichisonic/article/details/49123697