有一個網站的回應問題,當螢屏越來越小的時候,比如一個13英寸的小筆記本螢屏,添加到購物車的按鈕就在下面的產品后面結束。見附圖https://paste.pics/65423d2ad51cc7e3f0560849f3ac4ef3誰能給我指出正確的方向?
uj5u.com熱心網友回復:
你可以根據設備螢屏來限制描述行。例如,我使用max-width: 992px。
@media screen and (max-width: 992px) {
.Elementor-widget-text-editor {
display: block;
height: 2.6em;
display: -webkit-box;
line-height: 1.3em;
-webkit-line-clamp: 2; /* */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
}
< div class="elementor-element-6ca2d7e elementor-widget elementor-widget-text-editor" data- id="6ca2d7e" 資料元素_type="widget" data-widget_type="text-editor. 默認">
<div class=" elementor-widget-container">
擬建的專案,讓它成為一個完整的專案,它與自然界中的其他專案一樣,長度為2米,高度為3.5米。 擬建的專案,讓它成為一個完整的專案。他的父親是自然人,他的母親是2米高的人,3.5米高的人,他的母親是3.5米高的人,他的父親是2米高的人,3.5米高的人。
</div>/span>
</div>/span>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/324247.html
標籤:
