今天学习bootstarp

今天学习响应式框架。

学了一会越看越不对劲

先手练习媒体查询

 maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。

<mate name='viewport' content='width=device-width, initial-scale=1.0'>


用的定位布局


大屏幕显示


小屏幕显示



期间由于我布局的问题,消耗掉大量时间,明天可能会练习下布局

今晚学习过后,我发现其实媒体查询布局就是满足条件改变某些样式而不是重新把整个页面重新布局,由此可得,观看了项目图后,可以先提取公共的css样式进行编写,由于是响应式,可能一些像素直接全部用百分比代替可能效果会更好。由于基础不扎实,所以全面转向js基础以及Html+css,继续日记式学习,如有错误请各位大哥指出并多多鼓励。(打击够多了。可以适当地给我鼓励,比如今天可以,但是你还是很渣,完全可以接受,不要给我来一句。emm,前端已经。)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容