通过Javascript检查浏览器分辨率,或者在您的情况下,bootstrap具有不同的媒体断点,您可以使用这些断点隐藏/显示不同长度的摘录
1。适用于小型设备(横向电话,576px及以上)
@media (min-width: 576px) { ... }
<span class="d-none d-sm-block d-md-none">
<?php echo wp_trim_words(get_the_content(), 40, \'...\'); ?>
</span>
2。适用于中型设备(平板电脑、768px及以上)
@media (min-width: 768px) { ... }
<span class="d-none d-md-block d-lg-none">
<?php echo wp_trim_words(get_the_content(), 50, \'...\'); ?>
</span>
3。适用于大型设备(台式机、992px及以上)
@media (min-width: 992px) { ... }
<span class="d-none d-lg-block d-xl-none">
<?php echo wp_trim_words(get_the_content(), 60, \'...\'); ?>
</span>
4。适用于超大设备(大型台式机、1200px及以上)
@media (min-width: 1200px) { ... }
<span class="d-none d-xl-block">
<?php echo wp_trim_words(get_the_content(), 70, \'...\'); ?>
</span>