將居中圖像縮放到瀏覽器窗口
[英]Scale centered image to browser window
2 個解決方案
解決方案1
0 2014-11-06 04:14:34
嘗試以下CSS：
img { height:80%; }
要么
img { height:80vh; }
解決方案2
0 2014-11-06 04:20:52
您不需要任何JavaScript就能做到這一點，這非常簡單。 您應該將html以及正文的寬度和高度添加到100％。 這是jfiddle鏈接： http : //jsfiddle.net/jmarikle/vz7q2bnk/
<html>
<body>
<img src="http://lorempixel.com/400/500" />
</body>
</html>
<!--css part-->
html, body {
width: 100%;
height: 100%;
}
img{height:100%; width:auto; vertical-align: top;}
調整瀏覽器窗口大小時，縮放圖像而不是在文本周圍環繞文本
[英]Scale an image instead of wrapping text around it when the browser window is resized
在完整的瀏覽器窗口中顯示圖像，但僅在圖像太大時才按比例縮小
[英]Display image in full browser window but only scale down if image is too large
兩個HTML畫布彼此重疊，並在瀏覽器窗口中水平居中
[英]Two html canvases on top of each other centered horizontally on browser window
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.