Question

我遇到的问题是网站徽标在手机中被切断但在桌面上没有切断。我尝试过不同的事情，例如使用<a>但同样的问题。

以下是手机的外观：http://saarman.net/storage/123-mob.jpg

以下是它在桌面上的显示效果：http://saarman.net/storage/123-web.jpg

另请注意，在移动设备中，文字不像浏览器那样大胆。可能是什么问题？

这是我在徽标所在的display: block; width: 300px; height: 80px; background-image: url("../image/logo-dark.svg"); background-size: 100% 100%; background-repeat: no-repeat; text-indent: -99999em;'内使用的CSS：

d = {}
data = []

contentB = tree.xpath("//table[@class='yfnc_tabledata1']/tr[1]/td/table/tr/td")

for a in contentB:
    a = a.text_content().strip()
    data.extend(a.splitlines())

for item in data:

    if re.match(r'\(\d+', item) is not None:
        item = item.replace('(', '-').replace(')', '')

        print(item)

使用Chrome浏览器测试Android手机

Answer 1

在我看来，你的DIV正在走出屏幕。可能这对你有用：


    width: 100%;
    max-width: 300px;

注意：您可能还需要玩高度。但是以下应该做的工作


    height: auto;

SVG在电话视图中切断

1 个答案: