html – 基于CSS内容的布局

概述我想用CSS设置一个d出窗口(夸张的d出窗口).它的内容是通过 AJAX生成的,包含图像和一些文本. 如果图像是横向的,它看起来非常漂亮,但在纵向方向上它根本不适合,因为图像的宽度为100％. d出类加倍,例如popupcontainer0和popupcontainer1,n 我怎么会这样呢？我搜索了很多并尝试了很多,但它看起来并不像我想要的那样. 我制作了一张图片,显示了我希望它拥有的比例.我还 我想用CSS设置一个d出窗口(夸张的d出窗口).它的内容是通过 AJAX生成的,包含图像和一些文本.
如果图像是横向的,它看起来非常漂亮,但在纵向方向上它根本不适合,因为图像的宽度为100％.
d出类加倍,例如popupcontainer0和popupcontainer1,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}

总结

以上是内存溢出为你收集整理的html – 基于CSS内容的布局全部内容，希望文章能够帮你解决html – 基于CSS内容的布局所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。