Правильно ли я понимаю, что если использовать медиа-запросы на подобии

<link rel="stylesheet/less" href="/css/flat.less" media= "screen and (min-width:600px)"/>

то будь то телефон, планшет или ПК с шириной экрана <600px, то они пропустят этот файл стилей и не будут его загружать?(предполагая что используемые браузеры поддерживают данный способ)
И тот же вопрос относительно подобной записи:

if (window.innerWidth < 600) {
		// Грузим файлы для маленьких экранов
	} else {
		// Грузим файлы для больших экранов
	}

в js грузим например так

$("head").append($("<link rel='stylesheet' href='/css/jquery.mCustomScrollbar.css'/>"));