Select layouts based on device screens of mobile device

Question

To prototype layouts for a mobile app, I'm going to use Codiqa Desktop. After that, I'm going to fine tune using an ordinary editor.

May I somehow instruct Codiqa to manage different layouts in one project? Instruct Codiqua in such a way, that it does edits in a CSS file that belongs to the selected device size (e.g. iPhone 4 vs. iPad)?

Suppose, I'm going to target iOS and Android phones and tablets.

Do support libraries exist, which select the adequate layout and/or adapt the layout based on the target device's resolution?

Do all iOS and Android devices support HTML 5?

Answer 1

You can define different layouts with css media queries: Turotrial @ MDN

As for support on different devices, here is quick overview what you can and cannot use on specified browser: caniuse.com