早上好，仙女劉，首先恭喜你在2019.06.13號也就是昨天生日快樂！希望你在今后的每一天都是開開心心的，愛你喲，早上起床后的在激動心情下的美美噠
好了，現在進入正題：
在做響應式頁面的時候，我經常用到媒體查詢。寫代碼的時候，一個頁面我基本一個css就搞定了。但是頁面最后的最后，我真心的為我的css代碼感到悲傷。太難找我的樣式了對於不同的屏幕大小。盡管我的樣式寫了，但是我的代碼是真心的丑陋。所以今天就針對媒體查詢這塊，我研究了研究怎樣才能在后期快速修改查找要調整的部分。
我找到的方法就是：針對不同的屏幕我獨立寫一個css樣式。----非常好
舉例html：
<div id="div"></div>
接着寫css1.針對屏幕最大為750px的設備寫的樣式：mediaMaxwidth750.css
#div{
width:300px;
height:300px;
background:#ff0000;
}
接着寫css2.針對屏幕最小為751的設備寫的樣式：mediaMinwidth751.css
#div{
width:100%;
height:100vh;
background:#000000;
}
OK現在完成了；組合起來就是
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" media="screen and (max-width:750px)" href="css/mediaMaxwidth750.css"/> <link rel="stylesheet" media="screen and (min-width:751px)" href="css/mediaMinwidth751.css"/> </head>
<style>
*{margin:0;padding:0}
</style> <body> <div id="div"></div> </body> </html>
效果如圖：
