以下內容轉自https://blog.csdn.net/Nana_9457/article/details/88538099
在工作中發現,有些效果在chrome瀏覽器中能實現的效果,在火狐下沒有(設置-moz-box也不能實現),比如截幾行,在chrome下通過下述代碼實現:
display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
網上的一種方法已經失效:
@-moz-document url-prefix(){ * { background-color: red; }
經查閱發現,該方法在18年已經失效。
經驗證,以下兩種方法可行:
方法一
@media screen and (min--moz-device-pixel-ratio:0) { * { background-color: red; } }
方法二
_:-moz-tree-row(hover), *{ background-color: pink; }
缺陷是沒有…的效果