jQuery Responsivetext is a plugin that replaces text (and markup) inside nodes depending on the browser window size.
<h3> Some very long text that will be replaced on smaller browser sizes <spanclass="responsive-text"><spandata-for="ipad">Text for iPad</span><spandata-for="iphone">Text for iPhone</span><spandata-for="bigscreen">Text can also <strong>contain markup</strong></span></span></h3>$.responsiveText('start',{selector: '.responsive-text',sizes: {'ipad': [1024,481],'iphone': [480,320],'bigscreen': [Number.POSITIVE_INFINITY,1280]},delay: 300});.responsive-text{display: none; speak: none}