我正在顯示以風景和肖像格式拍攝的圖像。我想讓它們的樣式始終以500px顯示照片的最長邊。這可能嗎?風景和肖像照片的一種CSS風格
3
A
回答
3
有人張貼我使用的答案,然後刪除了它的一些原因。它的工作完美。
max-width: 500px;
max-height: 500px;
謝謝!
0
您可以設置背景大小:100%100%; (這將使圖像填充其父元素) 然後,您可以使具有照片的div具有寬度:500px;
0
PHP
list($width, $height, $type, $attr) = getimagesize("img/test.jpg");
if($width > $height){
$newWidth = 500;
$newHeight = (500/$width) * $height;
}else{
$newHeight = 500;
$newWidth = (500/$height) * $width;
}
HTML
<img src="img/test.jpg" width="<?php echo $newWidth; ?>" height="<?php echo $newHeight; ?>" alt="Test" />
相關問題
- 1. 幻燈片與風景和肖像
- 2. iPad風景+肖像視圖
- 3. 的肖像和風景中的ObjectiveC
- 4. 調整Android ImageView的風景和肖像
- 5. jQuery移動風景和肖像類
- 6. iOS風景和肖像代表混亂
- 7. DOMPDF頁面方向風景和肖像
- 8. 風景和肖像在拆分viewController
- 9. 跨多種配置(肖像和風景)的Junit測試android
- 10. Metro風格,如何使風景和肖像模式我的屏幕兼容嗎?
- 11. PDF格式的風景和肖像飛碟/ iText
- 12. AS3/AIR設備的風景或肖像?
- 13. 同一視圖的風景和斯普利特的肖像
- 14. 如何風格背景圖片CSS
- 15. 從肖像切換到風景NullPointerException
- 16. 移動網站,風景肖像
- 17. 如何從肖像旋轉到風景?
- 18. iphone強制肖像模式從風景?
- 19. Xcode IOS鎖一些方向肖像和一些風景
- 20. 屏幕方向像iphone中的肖像和風景
- 21. 在android中的風景和肖像之間的處理狀態
- 22. iTextSharp:帶有年齡的肖像和風景的文檔
- 23. 風景照片裁剪不當
- 24. Ios 8(肖像和風景)中的統一3D(景觀與自動旋轉)
- 25. 在Android平板電腦中的風景和肖像視圖
- 26. 故事板和swift中的不同肖像/風景視圖
- 27. 不同的設計肖像和風景模式在android
- 28. 風景和肖像的不同意見 - Xcode 6
- 29. 允許唯一肖像應用程序的風景視頻
- 30. 風景和肖像模式佈局問題