Both are necessary.
Media queries are used to have different css for different devices its like the if condition for different devices.
Viewport meta tag is to set tell the device to take the width according to this tag. Its like a reset for devices if its not used device will adjust the layout according to its default settings.