css 移动端图片不换行 |js修改css变量

img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}

首先，要设置图片为块级元素，这样才能够将图片的宽度设置为100%。其次，通过max-width: 100%的设置来保证图片宽度不会超出容器的宽度，同时height: auto可以保证图片的高度按比例自适应调整。最后，通过margin: 0 auto的设置让图片水平居中，使排版更美观。

当然，这种方法并不是万能的，有时候需要结合具体的排版需求进行微调。但总的来说，这是一种比较简单实用的解决移动端图片不换行问题的方法。