发表于： 2016-07-04 19:36:53
1 1583
今天完成的事情：
昨天尝试使用自动探索设备分辨率进行加载特殊样式表的方法去尝试不同的自适应方法。：
<link rel="stylesheet" type="text/css" media="screen and (min-width: 300px) and (max-device-width: 600px)" href="../css/tinySc
reen.css" />
今天则是把慕课网上的“玩转Bootstrap（基础）”这个部分的课程看完了第二部分
明天计划的事情：
继续慕课网上的课程进行到第四部分；
将昨天用media加载样式表的方法改为@media加载特殊样式进行修改。
遇到的问题：
在用media加载特殊样式表，在火狐和谷歌分别用F12进行不同分辨率调试时。有一部分的div会加载特殊样式表tinyScreen.css，但是仍然还会有部分div加载原来的task7-1.css
浏览器在进行不同分辨率变化调试时原理是什么？
当我用以下格式引入CSS时，移动端在加载tinyScreen.css的同时是否还会继续加载task_public1.css和task7-1.css？
收获：
选择不同自适应方法会有不同的理解，在自适应的布局上，并不仅仅是一个使用百分比div就可以解决的事情
PS：自动探索不同分辨率下加载不同的CSS样式表请参考：http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html
返回列表
评论