水木社区手机版
- 主题:[求助]CSS控制不同屏幕大小不同显示风格的问题
问题描述请参考附件文件。同一个Html文件，有三个区块的显示内容，在不同屏幕大小时，区块的排列方式不同。我现在会单独控制：比如在小屏幕时。在html文件里用div + id 包围不同的区块。类似下面。
<div id=001>
<div id=002>
block1
block2
</div>
block3
</div>
然后在css里用 display: flex 来控制就可以做到。
但是问题是在不同屏幕大小时， 用div 包围的内容都不同。这我就不知道怎么做了。当然有一个最笨的办法是，在html里重复放两套内容一样，但div包围方法不同的html。然后在css里控制，在不同大小时，一个显示另一个不显示。但这样做感觉太笨了。有没有更好更简洁的适合方法呢，请教高手。
--
FROM 112.213.218.*- 是你div设置得不合理。。
--
FROM 183.69.208.* - 【 在 huaxinjuedui 的大作中提到: 】
: 是你div设置得不合理。。
能简单举例一下应该怎么设置div 吗？
--
FROM 112.213.218.* - 关键字：
CSS3 @media screen 屏幕自适应
【 在 stevenwu 的大作中提到: 】
: [upload=1][/upload]
: 问题描述请参考附件文件。同一个Html文件，有三个区块的显示内容，在不同屏幕大小时，区块的排列方式不同。我现在会单独控制：比如在小屏幕时。在html文件里用div + id 包围不同的区块。类似下面。
: <div id=001>
: ...................
--
FROM 180.167.122.* - 找个html5网站！把css样式表文件下载到本地！研究研究就明白了！
【 在 stevenwu 的大作中提到: 】
: 问题描述请参考附件文件。同一个Html文件，有三个区块的显示内容，在不同屏幕大小时，区块的排列方式不同。我现在会单独控制 ...
--
FROM 124.64.19.*