HTML/CSS內容縮放

Question

我已經開始開發一個網頁，只是玩耍，我注意到一個問題。我在我的屏幕的一半編碼與我的現場網站，與我的編輯在另一個。這一切都很順利，直到我完全擴展了我的網絡瀏覽器並注意到我的網站只有一部分重新調整了我的需求。可悲的是我的網站沒有直播，但是我有一個鏈接到代碼：http://pastebin.com/yeWzfsBW

理論上，圖像（標誌）不縮小，當我調整窗口大小時，它保持不變大小。我試圖使用百分比而不是像素寬度/高度，但它似乎沒有效果。我會嘗試彈出這個實況，這樣你就可以看到我的意思了。

Fullsized瀏覽器：http://imageshack.us/photo/my-images/585/fullsizen.jpg/
窗口模式：imageshack.us/photo/my-images/42/resizedkl.jpg/（請放在HTTP：//我不能在這個帖子鏈接更多然後兩個鏈接）

希望你能明白我的意思，我希望標誌能夠縮放，就像#info css部分。

謝謝！

Answer 1

無需將圖像包裝在div中。 設置寬度& CSS中的高度。 設置最大寬度和最大高度。 保持圖像上的寬高比存在挑戰。 要開始，下面是使用您的代碼的示例。看完這個之後，你可以提供關於你正試圖達到的反饋。 http://codepen.io/seraphzz/pen/thGkI