私は何か新しいことを試みています@media all and (min-width: 60em)。 これが私が持っているものです。 私が抱えている問題はChromeにありますが、これは驚くべきことです。
ズームアウトすると（または、適切なサイズの画面がある場合は最初から）、「参加」と「作成」がそれぞれ「ルームに参加」と「ルームを作成」に変わります（これは良いことです）. ただし、Chrome でズームインすると、以前に「ルームに参加」と「ルームを作成」に変わった時点を少し超えてズームインし、通常の「参加」と「作成」を再び表示する必要があります。これは逆にも起こります。
わかりにくい場合は申し訳ありませんが、jsFiddle が役立つことを願っています。