工单节点使用指南
• 请用平和的语言准确描述你所遇到的问题
• 厂商的技术支持和你一样也是有喜怒哀乐的普通人类,尊重是相互的
• 如果是关于 V2EX 本身的问题反馈,请使用 反馈 节点
Trim21

b 站这个页面过窄网页就会错到左边的 bug 什么时候修一下

  •  
  •   Trim21 · Jun 26, 2018 · 3474 views
    This topic created in 3057 days ago, the information mentioned may be changed or developed.

    最一开始在周末放映室遇到,以为只有放映室才有,逐渐发现好多地方都有...

    反馈论坛反馈了好久也没人正经回复. 唯一的一个回复是让我不要缩放网页...这个问题在疯狂放大页面(200%+)之后反而可以解决

    Supplement 1  ·  Jun 27, 2018

    怎么感觉有吵起来的迹象...

    没有详细环境和复现步骤是因为在反馈论坛上已经发过了,而且出现的问题和环境都没有大变化,再发帖的时候就没想着再重发一次

    禁用了Chrome所有扩展后仍然出现,但是用ff没能复现,没能找到到底是什么问题...

    debug了一下,在一般的页面里,nav是放在 body > div.z-top-container.has-banner > div.z_top.b-header-blur.white 里面的,而在活动页面里,nav放在了 body > div:nth-child(1) > div > div > div.bili-wrapper.clearfix ,而后者上面有一个媒体查询,在页面宽度低于1400px的时候宽度被设定为了980px

    写了个userscript先fix一下

    // ==UserScript==
    // @name         New Userscript
    // @namespace    http://tampermonkey.net/
    // @version      0.1
    // @description  try to take over the world!
    // @author       You
    // @match        https://www.bilibili.com/*
    // @grant        GM_addStyle
    // ==/UserScript==
    
    (function() {
        'use strict';
    GM_addStyle('body > div:nth-child(1) > div > div > div.bili-wrapper.clearfix{width: 1160px;')
        // Your code here...
    })();
    
    fulvaz
    fulvaz
    Jun 27, 2018
    1
    大家都是开发, 最憎恨:

    一图流

    一句话.

    哎
    Trim21
    Trim21
    OP
    Jun 27, 2018
    2
    @fulvaz #1 我不是开发,只是个普通的 b 站用户
    fulvaz
    fulvaz
    Jun 27, 2018❤️1
    3
    tempdban
    tempdban
    Jun 27, 2018 via Android
    4
    @fulvaz 哈哈哈哈这个帖子有好大的怨气啊,容易教坏老实人
    tempdban
    tempdban
    Jun 27, 2018 via Android
    5
    @Trim21 吃这行饭的,最怕 bug 单上问题复现路径不明确
    lastpass
    lastpass
    Jun 27, 2018 via Android
    6
    emmmmm,遇到这种问题,
    一般我都是在 stylish 里面自己手动修复。
    反馈?不存在的。
    watzds
    watzds
    Jun 27, 2018 via Android
    7
    有些前端真懒,反馈问题还各种推辞,自己都不会想一想,最后还得我把 bug 原因找到
    swordne
    swordne
    Jun 27, 2018
    8
    @watzds +1
    Trim21
    Trim21
    OP
    Jun 27, 2018 via Android
    9
    @watzds 是啊 毕竟我反馈 bug 又不领钱…
    xianxiaobo
    xianxiaobo
    Jun 27, 2018
    10
    @Trim21 可是修复 bug 也不加工资啊
    Trim21
    Trim21
    OP
    Jun 27, 2018 via Android
    11
    @xianxiaobo 本来这就是用想阴阳怪气的语气阴阳怪气的回复…就别较真了
    Wyane
    Wyane
    Jun 27, 2018
    12
    哈哈哈。。。修复 bug 不加工资。。。
    widewing
    widewing
    Jun 27, 2018 via Android
    13
    原来开发是大爷啊
    HLLiu
    HLLiu
    Jun 27, 2018
    14
    修复 bug 加工资,那谁让你写 bug
    xianxiaobo
    xianxiaobo
    Jun 27, 2018
    15
    @Trim21 哈哈哈
    crist
    crist
    Jun 27, 2018
    16
    渣前端!
    zpf124
    zpf124
    Jun 27, 2018
    17
    关键不只是 “修 bug 不加工资”吧。
    应该还有一句, “写 bug 也不扣工资啊”。
    mostkia
    mostkia
    Jun 27, 2018
    18
    body 上面加上最小宽度貌似就可以解决,反正也不是响应式网站,对我来讲,写 PC 网站,如果没有打算为窄屏幕做适配,那在最开始就加个最小宽度限制是最基本的代码习惯。具体流程:F12,开发者模式,找到页面的 body,在 element.style 内加入 [min-width: 1200px;] 这段 css,貌似就没问题了。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   623 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 48ms · UTC 18:46 · PVG 02:46 · LAX 10:46 · JFK 13:46
    ♥ Do have faith in what you're doing.