Dam*_*mon 8 css width media-queries responsive-design
我正在构建一个编辑器,其中一个帖子的内容加载在div中,jQuery选择器允许我内联编辑内容.
当我试图为模板的样式添加一些响应时,我遇到了一些障碍:在我的模板样式表中,我使用预览区域的特定id来指定样式应该应用的位置.我将相同的id应用于查看帖子的body标签,以便编辑器中的预览和帖子的完整视图看起来都一样.
我在视图方面进行了一些媒体查询,并意识到在预览页面上,类似的@media screen and (max-width: 640px)行为会因为预览不占用屏幕的整个宽度而表现不同.
有没有办法可以使用除屏幕宽度以外的媒体查询选择器,而是使用元素的宽度......或等效的东西？或者可以使用javascript来模仿这种行为的另一种方式.
不幸的是,目前没有媒体查询以div为目标的方法.媒体查询只能定位到屏幕,即浏览器窗口,移动设备屏幕,电视屏幕等...