使用不同大小的屏幕更改图像位置而不使用@media

Question

感谢上次给出了很好的答案，我几天来一直在研究这个问题，有人在十分钟内解决了这个问题。惊人！！所以现在我对这个才华横溢的社区提出了另一个问题！

我在这个项目中使用Sitefinity;长话短说，我甚至不知道在哪里访问CSS文件，访问它可能会破坏网站（正如我老板告诉我的那样）。所以一切都必须使用内联样式。

这是设置：有一堆文本（在ul中）和图像。文本环绕图像，该图像足够小，文本首先被压缩到左边，然后继续在其下面的整个宽度。

当屏幕变得太小时，文本开始以奇怪的方式环绕图像（已经向右浮动）;一个长单词可以使文本在图片后停止并重新开始（我已经建议为此添加单词分隔符，但这是禁止的。）

这是我的老板想要的：图像漂浮在较大屏幕上文本的右侧，然后漂浮在较小的屏幕上方并居中。同样，没有样式表，只是内联样式。

一些尝试过的想法：

• 使用旁白：不能。这需要样式表。 （除非知道这个的人知道更好的方法！）
• 在图片上使用填充：尝试过。它弄乱了格式;什么可以推动移动设备下面的一切东西在桌面上的所有东西。 （如果有人知道更好的方法，请告诉我！）
• 使用JS：不能。基本上，所有内容都在代码深处的某个地方设置了样式，因此我只需要一个小的HTML文本框即可使用，根本没有可用的标记。

感谢您的所有建议！这是一个才华横溢的社区!!

Answer 1

你应该给我们一个CSS小部件，然后在CSS小部件中添加一些类来编写相应的媒体查询，如果你需要它来影响多个页面，那么将CSS小部件放在模板而不是单个页面上。 / p>