CSS筆記-Media Queries

現在電腦、手機螢幕解析度太多，
所以遇到縮放問題，都是很煩惱阿!!


分享一個我幾天前幫客戶處理圖片縮放的語法，
當然，圖片很簡單的，只要寬度下100%正常應該就會縮放了，
可是要跟不懂語法的人說明，我真的頭很大~~
最後，就請他將圖片放在我寫的div id內~總算解決了這個問題!!

CSS：

@media all and (min-width: 480px) and (max-width: 1760px) /*螢幕解析度寬度最小480px，最大為1760px*/
{
#pc1 img {
    height: auto;
    width: 100%; /*百分比縮放*/
}
}

HTML：

<div id="pc1">
<img src="abc.jpg">
<img src="def.jpg">
</div>

一點簡單的分享^^