苹果官网响应式布局编写

学习响应式布局之后的练习

gitee地址：苹果响应式页面

部分细节还没有完善比如字体大小，仅仅是粗略设置了一下不至于太难看

练习心得

对于响应式有了更深的理解
明白了如何用viewport和@media来针对不同屏幕展示不同的布局

在设置不同屏幕下css属性时要注意优先级关系，了解其继承关系；多通过F12控制台来检查样式以便发现问题

在进行布局前要规划好布局方式，了解整体框架之后布局可以更快更清晰

要熟记css的各种选择器，才能更好地找到并调节相应元素的样式

能重复使用的css就不重写