小编ali*_*cca的帖子

根据屏幕尺寸旋转图像

我试图弄清楚如何根据屏幕大小旋转div中的图像.

基本上有这样的设置:

<div> <div with arrow pointing right > <div>
Run Code Online (Sandbox Code Playgroud)

在一个流畅的行(引导程序)中,我需要箭头图像旋转90度到一个向下位置,因为在移动设备中div将堆叠.

我想过使用空白<div>和背景图像以及媒体查询来更改图像,但是必须有一个<div>设置像素尺寸的空白并不是很好(或者是吗?).

另一个想法是<img>在里面有一个箭头<div>并且可能使用jQuery根据屏幕大小旋转它,但似乎是OTT,并且可能超出我的想法如何去做.

任何建议或提示都会受到欢迎.也许我错过了一些非常简单的事情.

image rotation responsive-design twitter-bootstrap

2
推荐指数
1
解决办法
9084
查看次数