Трябва да се добави допълнителе <meta> таг в <head> частта на <html>: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> Така инструктирате браузърите да не се опитват да оразмеряват страницата.

Здравейте, Юлиан, не, медийните заявки не могат да управляват HTML кода. Те могат само да контролират CSS и да променят стила на вече съществуващите HTML елементи в зависимост от различни условия, като размер на екрана. Медийните заявки, които са част от CSS3, се използват за промяна на стиловете при различни условия. Те не могат да добавят или променят HTML елементи. Например, може да се използва медийна заявка, за да се промени цветът на текста при определена ширина на екрана, но не може да се използва медийна заявка за добавяне на нов HTML елемент към страницата. В общи линии, CSS (и медийните заявки като част от него) е отговорен за "как изглежда" елемент на уеб страницата, докато HTML е отговорен за "какво е" елемент на уеб страницата. И докато HTML и CSS работят заедно, за да създадат окончателния изглед на уеб страницата, те имат различни функции и не могат да заменят една друга. Така че, за да добавиш или премахнеш елементи от HTML кода в зависимост от определени условия, ти би трябвало да използваш език като JavaScript. JavaScript може да бъде използван за динамично изменение на HTML структурата на уеб страница в реално време, което не е възможно само с използването на CSS и медийни заявки.