在開發IOS應用時，彈出圖片是一個非常常見的需求。不僅要保證圖片的美觀性，還要盡可能地提高用戶體驗。為此，在IOS應用中使用css來彈出圖片是一個非常好的選擇。

.popup-image {
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.8);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
}
.popup-image img {
max-width: 90%;
max-height: 90%;
object-fit: contain;
}

上面是一個簡單的css代碼，用于彈出圖片。首先，我們需要創建一個div，類名為popup-image，它的position是fixed，讓它與屏幕同步。然后，我們將其背景色設置為半透明的黑色，以便更好地突出圖片。

接下來，我們將圖片作為子元素放在這個div中。使用flex布局，我們讓圖片在水平和垂直方向上都居中。我們還設置了圖片的最大寬度和高度，以及object-fit屬性。這將確保圖片在任何大小的屏幕上都能夠適應，并且不會失真或拉伸。

通過使用這個css樣式，我們可以輕松地彈出一張圖片。只需要在html中創建一個圖片標簽，然后添加一個點擊事件即可。在點擊事件中，我們可以動態地將圖片的src屬性賦值為我們想要彈出的圖片路徑，然后將整個popup-image div添加到body中。這樣，我們就可以將圖片彈出到整個屏幕中央，讓用戶更好地欣賞。