我正在显示以风景和肖像格式拍摄的图像。我想让它们的样式始终以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. 风景和肖像模式布局问题