我想用css设计一个弹出窗口(放大弹出窗口)。它的内容是通过ajax生成的,包含一个图像和一些文本。
如果图像是横向的,它看起来很漂亮,但在纵向上它根本不适合,因为图像是用width: 100%缩放的。
弹出类加倍,例如popupcainer0和popupcainer1,n
我怎么配这个?我搜了很多遍,也试了很多遍,但看起来不像我想要的那样。
我做了一个图像,显示了我想要的比例。我还把文件树的相关部分放进图形中弄清楚,我是怎么做的景观图片。

最佳答案

您需要添加特定于方向的样式。您跟踪媒体查询

@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
}

10-05 21:02
查看更多