网页如何自适应各种屏幕，以及主流浏览器的兼容？

Question

网页如何自适应各种屏幕，以及主流浏览器的兼容？1.将屏幕缩小之后不会变形；2.宽，高也可以自适应，在不设置宽高的前提下；3.不能再最小化时变成像下图这样;

Answer 1

要达到完全一致的情况是很难的，div的宽高还好讲，但像字体这种，大小是有限制的，最小为12px。所以你有时候很难完美兼容各种设备。抛去这一点你可以通过media查询来做响应式开发，或者百分比做自适应布局，如果只考虑移动设备还有flex和rem这种自适应，看你的项目需求选择最合理的方案才是最好的