如何根据具有媒体查询的设备使用摘录长度。 Zurb基金会

Question

I am using Foundation framework in a theme wordpress. I want to display a length excerpt according a device. Example 25 words for mobile, 45 for tablet and so for.

I tried this code (Multiple excerpt lengths in wordpress) for multiple excerpts and works well. But now I need to know how I use it con query "@media only screen and (max-width: 40.063em" or "class="show-for-small-only" in that.

Regards

Answer 1

Depending on the theme, you can use multiple elements and just apply certain classes for each one. For example, bootstrap offers elements that will be shown/hidden based on the media type.

http://getbootstrap.com/css/#responsive-utilities

So you can just create one element with 25 words for mobile and apply the class visible-xs on it, 45 words in another element with the class visible-md, etc.