问我需要媒体查询的行为来更改各个div中的布局
EN

Stack Overflow用户

提问于 2011-12-01 05:42:06

回答 1查看 264关注 0票数 2

通过使用CSS3媒体查询，“我的网站”的网格布局将相对于“浏览器”视口的宽度进行更改。

但现在我正在寻找一种方法来改变我网格中特定块的布局。因此，它们的行为与其父元素的宽度不同。

例如，如果父元素的宽度为+500px，我可以显示带有缩略图的标题，如果父元素的宽度小于500px，则仅以较大的字体大小显示标题。

如果可能的话，最好的方法是什么？最好不使用JavaScript。

这种方法应该允许我编写一个HTML块，可以在任何站点上、页面上的任何位置重用，无论是否具有响应式布局。

发布于 2011-12-01 07:07:01

如果你已经在使用媒体查询，只需添加你想要的内容即可；

常规css：

.parent .child .thumbnails，.parent .child .titles{显示:块} -500px

-500像素css：

@纯媒体屏幕和(最大宽度:500px) { .parent .child .thumbnails{display:none;}

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8333327

复制

相似问题

问我需要媒体查询的行为来更改各个div中的布局EN