If you seek consistent typography across all screen sizes, Adopt is for you. It's a simple jQuery plugin that removes orphans from your elements.
Include the jQuery library (version 1.8 or newer) and the adopt.min.js
plugin file, preferably at the bottom of the page before the closing </body> tag.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.adopt.min.js"></script>
<script>
// To remove orphans from all headings.
$('h1, h2, h3, h4, h5, h6').adopt();
// To remove orphans from all article paragraphs.
$("article p").adopt();
</script>Adopt.coffee keeps orphans from forming by placing a HTML entity
between the last two words. This keeps them together when the
window resizes, ensuring no word is ever alone.