git reset --hard 139dcfaa558e3276b30b6b2e5cbbb9c00bbdca96 

雜湊

遊戲有一個基本框架——啟動畫面、載入畫面、預載入器、主選單、視差滾動、聲音、基於Box2D引擎的物理模擬、記分牌。有了這樣一個基本框架，就能夠在自己的遊戲中反覆使用它們。

HTML5遊戲Pocket Island原始碼   github連結

css中h1~h6是多少畫素

做響應式網頁，如何讓一個div的高和寬保持比例放大 縮小？

//方案一:響應式來做,可以根據媒體查詢,設定在不同螢幕寬度下div的高度和寬度,具體的設定看你響應式想怎麼顯示
@media only screen and (min-width: 100px) and (max-width: 640px) {
    div{
        width: 100px;
        height: 100px;
    }
}
@media only screen and (min-width: 641px) and (max-width: 789px) {
    div{
        width: 200px;
        height: 200px;
    }
}
//方案二:百分比來做,這裡需要運用一個小技巧,padding用百分比做單位時是相對於容器的寬度來算的,所以你可以把高度設為0,內容自然溢位,設定個padding-bottom
height:0;
width:50%;
padding-bottom:30%
那麼這個div的高寬比就是30%:50%
 

圖片 div 等比例縮小放大

div 在另一個div 中水平垂直居中  flex

html子元素不繼承父元素（opacity）的解決方法

//給父元素設定了背景顏色加透明,發現效果是子元素也繼承了父元素的屬性
background-color: #000;
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
//字也變的透明，如果不希望這樣，可以把上面的程式碼用下面的程式碼來代替
background: rgba(0,0,0,.3); 
//這樣字型就不會繼承父元素的屬性變的透明瞭。

1

HTML5 body設定全屏背景圖片 如何讓body的背景圖片自適應整個屏-