If you seek consistent typography across all screen sizes, Adopt.coffee 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 characters. This keeps them together when the
window resizes, ensuring no word is ever alone.