\documentclass[a4paper, 11pt]{article}
\renewcommand{\familydefault}{\sfdefault}
\usepackage{a4wide}
\usepackage[utf8]{inputenc}
\usepackage[ngerman]{babel}
\usepackage{color}
\usepackage{graphicx}
\usepackage{setspace}
\usepackage{ulem}
\usepackage{listings}
\usepackage{float}
\usepackage[rflt]{floatflt}
\usepackage{tabularx}
\setlength{\parindent}{0pt}
\title{Object Fit Cover - Vanilla JS}
\usepackage[
pdftitle={Object Fit Cover - Vanilla JS}
pdfsubject={JavaScript Object Fit Cover IE Fallback}
pdfauthor={Udo Schmal}
pdfkeywords={Javascript, CSS Fix, Object Fit}
]{hyperref}
\definecolor{darkblue}{rgb}{0,0,.5}
\hypersetup{pdftex=true, colorlinks=true, breaklinks=true, linkcolor=darkblue, menucolor=darkblue, pagecolor=darkblue, urlcolor=darkblue}
\begin{document}Object Fit Cover - Vanilla JS
\singlespacing
{\LARGE \textbf{\label{sec:title}Object-Fit Cover Internet Explorer Fix}}

Im Beispiel habe ich komplett auf die CSS Variante object-fit:cover verzichtet, damit man die Funktion auch in anderen Browsern überprüfen kann.

Möchte man diese Variante nur im Internet Explorer als Fallback nutzen sind lediglich die Auskommentierung im JavaScript und im StyleSheet zu entfernen.

\singlespacing
{\small \textbf{HTML:}}

\href{http://www.gocher.me/code/object-fit/object-fit.htm}{object-fit.htm}

\singlespacing
{\small \textbf{JavaScript:}}

\href{http://www.gocher.me/code/object-fit/object-fit.js}{object-fit.js}

\singlespacing
{\small \textbf{StyleSheet:}}

\href{http://www.gocher.me/code/object-fit/object-fit.css}{object-fit.css}
\label{sec:object-fit.js}\end{document}