在没有 @media 的情况下使用不同大小的屏幕更改图像位置
Changing image location with differently-sized screens WITHOUT @media
感谢上次的精彩解答，这个问题我已经研究了好几天，有人在十分钟内解决了它。惊人的！！所以现在我有另一个问题要问这个才华横溢的社区！
我正在为这个项目使用 Sitefinity；长话短说，我什至不知道从哪里访问 CSS 文件，访问它可能会破坏网站（正如我的老板告诉我的那样）。所以一切都必须用内联样式来完成。
这是设置：有一堆文本（在 ul 中）和一张图像。文本环绕图像，图像足够小，文本首先被挤压到左侧，然后在下方继续以全宽显示。
当屏幕太小时，文本开始以奇怪的方式环绕图像（已向右浮动）；一个长单词可以让文字在图片之后停止并重新开始（我已经建议为此添加分词，但这是不行的）。
这是我老板想要的：图像在大屏幕上漂浮在文本的右侧，然后在小屏幕上漂浮在上方并居中。同样，没有样式表，只有内联样式。
一些尝试的想法：
- 使用旁白：不能。那需要样式表。 （除非知道这个的人知道更好的方法！）
- 在图像上使用填充：已尝试。它弄乱了格式；将移动设备上的所有内容都推到下方的有效方法将桌面上的所有内容都压到一边。 （如果有人知道更好的方法，请告诉我！）
- 使用 JS：不能。基本上，所有内容都在代码深处的某处设置了样式，所以我只有一个很小的 HTML 文本框可以使用，根本没有标签可以使用。
感谢您的所有建议！这是一个才华横溢的社区！！
你应该给我们一个 CSS 小部件，添加一些 类 然后在 CSS 小部件中编写适当的媒体查询，如果你需要它影响多个页面将 CSS 小部件放在模板而不是单个页面上。
感谢上次的精彩解答，这个问题我已经研究了好几天，有人在十分钟内解决了它。惊人的！！所以现在我有另一个问题要问这个才华横溢的社区！
我正在为这个项目使用 Sitefinity；长话短说，我什至不知道从哪里访问 CSS 文件，访问它可能会破坏网站（正如我的老板告诉我的那样）。所以一切都必须用内联样式来完成。
这是设置：有一堆文本（在 ul 中）和一张图像。文本环绕图像，图像足够小，文本首先被挤压到左侧，然后在下方继续以全宽显示。
当屏幕太小时，文本开始以奇怪的方式环绕图像（已向右浮动）；一个长单词可以让文字在图片之后停止并重新开始（我已经建议为此添加分词，但这是不行的）。
这是我老板想要的：图像在大屏幕上漂浮在文本的右侧，然后在小屏幕上漂浮在上方并居中。同样，没有样式表，只有内联样式。
一些尝试的想法：
- 使用旁白：不能。那需要样式表。 （除非知道这个的人知道更好的方法！）
- 在图像上使用填充：已尝试。它弄乱了格式；将移动设备上的所有内容都推到下方的有效方法将桌面上的所有内容都压到一边。 （如果有人知道更好的方法，请告诉我！）
- 使用 JS：不能。基本上，所有内容都在代码深处的某处设置了样式，所以我只有一个很小的 HTML 文本框可以使用，根本没有标签可以使用。
感谢您的所有建议！这是一个才华横溢的社区！！
你应该给我们一个 CSS 小部件，添加一些 类 然后在 CSS 小部件中编写适当的媒体查询，如果你需要它影响多个页面将 CSS 小部件放在模板而不是单个页面上。