调整CSS Sprite大小以移动视图

Question

因此，基本上，我试图让一堆css精灵在移动设备上看起来不错，它们在桌面上看起来很好，并且恰好位于我想要的位置，如图所示 desktop view

问题开始于在手机上查看时，我尝试使用@media与50％或50px的CSS配对，但我无法弄清楚。

这就是现在在移动设备上显示的方式 mobile now 但是如您所见，它太大了，偏向一侧。

我正在尝试让它看起来像这样 get it looking like this

这里是用于在桌面上实现我的css sprite的代码ive，因此，简而言之，如何使它们在移动设备中如上图所示？

def Encrypt(numRails, plainText):
    rails = [""] * numRails
    rail = 0
    direction = 1

    for c in plainText:
        rails[rail] += c
        rail += direction
        # check if we need to change directions
        if direction == 1 and rail >= numRails:
            direction = -1
            rail = numRails - 2
        elif direction == -1 and rail < 0:
            direction = 1
            rail = 1

    cipherText = "".join(rails)

    print (cipherText)

    return cipherText

谢谢大家