基于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内容的布局

回答

相关问题