响应式实例

效果一、
100%是红色
宽<=980px蓝色
<=580px黑色
<=380px黄色
响应式实例_第1张图片
响应式实例_第2张图片
响应式实例_第3张图片
响应式实例_第4张图片
源码:



    

效果二、
响应式实例_第5张图片
缩小窗口
响应式实例_第6张图片
btn.png用到的图片如上
源码:




    
    
    
    响应式导航
    


    
    


实例三、
效果:


响应式实例_第7张图片
响应式实例_第8张图片
源码:





    
    
    
    图片库
    



    
图片库

图片自行找吧

用到的媒体查询不懂的可以参考
CSS长度单位 和 CSS响应式(媒体查询)

你可能感兴趣的:(HTML)