基於CSS內容的佈局

我想使用CSS來設計一個彈出窗口（放大彈出窗口）。它的內容是通過AJAX生成的，幷包含圖像和一些文本。如果圖像處於橫向，它看起來非常漂亮，但縱向不合適，因爲圖像的縮放比例爲width: 100%。彈出類是加倍的，例如， popupcontainer0和popupcontainer1，n基於CSS內容的佈局

我該如何適應？我搜索了很多，並嘗試了很多，但它不會像我想要的那樣。

我做了一個圖像，顯示我想要的比例。我還將文檔樹的相關部分放在圖形中，以表明我如何製作風景圖像。

enter image description here

來源

2015-07-13 Leonhard Kreissig

歡迎堆棧溢出！尋求調試幫助的問題（「爲什麼不是這個代碼工作？」）必須包括所需的行爲，特定的問題或錯誤以及在問題本身**中重現**的最短代碼。請參閱[**如何創建最小，完整和可驗證的示例**]（http://stackoverflow.com/help/mcve） –

您需要添加特定方向的樣式。你下面的媒體查詢爲同一

@media screen and (orientation: portrait) { 
    // add your portrait styles here 
} 

@media screen and (orientation:landscape) { 
    // add your landscape styles here 
}

此外，您還可以添加寬度具體樣式，比如

@media screen and (max-device-width : 480px) and (orientation: portrait) { 
    // your styles here 
}

來源

2015-07-13 10:53:49 nikhil

感謝您的回答，我已經得到了。我現在的問題是，我無法很好地設置彈出窗口的樣式。 –

好的。那麼你需要玩它才能解決你的問題。 :) – nikhil

基於CSS內容的佈局

回答

相關問題