CSS-总结

这里主要记录了一些开发过程中的总结

1. 对于界面的布局，通过@media可以设置响应式布局，根据屏幕大小进行动态的调整元素大小。如果要进行页面布局，对于各个div之间可以通过设置%来调整div所在位置,通过margin设置%进行调整页面布局，然后对于各个页面内部的元素之间，通过设置px来展现其中的内容，这样随着整个屏幕大小的变化，能够保证内部元素的相对位置保持不变
2. word-wrap:break-word，word-break:break-all失效，无法自动换行a标签。如何解决a标签在div内设置了word-wrap:break-word，word-break:break-all后依旧无法换行的问题？
          这里设置完word-wrap后因该会自动换行，但是a标签确实根据单词换行并非自然的在div末尾换行，这里需要将a标签的display属性设置为inline属性，然后a标签就会自动根据内容换行到下一行，而不是整个a标签换到下一行。