За что отвечают эти две строки Html кода?
X-UA-Compatible указывает версию IE (в данном случае edge)
width=device-width - указывает браузеру, что нужна ширина области просмотра такая же, как и ширина экрана 
initial-scale=1.0 - устанавливает начальный масштаб страницы. В данном случае 1, т.е. 100%.
Мета тег   viewport  отвечает  за "оптимизацию" под разные размеры устройства.
https://developer.mozilla.org/ru/docs/Mozilla/Mobi...
Мета тег  X-UA-Compatible   отвечает за браузеры Microsoft  IE8 IE9 IE10 IE11...
qaru.site/questions/10755/what-does-meta-http-equi...
Первый тег настоятельно рекомендую исопльзовать, а второй используйте по надобности, в зависимости от того, нужны ли вам браузера IE