如何使网页类容自动适应页面可视区域
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术： Dreamweaver /css弹性布局
作者：戴伟雄
撰写时间：2019年2月10日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
我们写的各种网页必须要最大程度保证它的兼容性，我们为了保证我们的网页在各种客户端中打开都正常显示，我们这里就是介绍Flex，Flex是Flexible Box 的缩写，意为"弹性布局
块局元素直接添加display：flex；行内元素的话也可以添加display：inline-flex；就可以实现效果了
我们可以看到没有添加弹性布局的样式被挤压后就会被挤到下一行，而有设置弹性布局的被挤压它会自动适应可视区域进行缩放。
这里可以看出如果有些需要的地方可视区域发生变化时没有设置弹性布局的话就会导致页面错乱，就会出现问题