html - div の非表示/表示は、レスポンシブ デザインのベスト プラクティスですか?

Question

私はレスポンシブ デザインに不慣れで、それを実装する 1 つの方法は、画面の幅に応じて div を非表示および表示することであることに気付きました。例えば：

@media screen and (min-width: 30em) and (max-width: 60em) {

    #desktop { visibility:hidden; }
    #mobile { visibility:visible; }
}

#desktop { visibility:visible; }
#mobile { visibility:hidden; }

これは「ベストプラクティス」と見なされますか、それとも推奨される方法はありますか?