[usecase-webapi][XWALK-2287] Fix bug for MediaQueries

- Rewrite the usecase for MediaQueries

Impacted tests(approved): new 0, update 1, delete 0
Unit test platform: [Andriod]
Unit test result summary: pass 1, fail 0, block 0
Why not use `<ol> <li>`?