V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
工单节点使用指南
• 请用平和的语言准确描述你所遇到的问题
• 厂商的技术支持和你一样也是有喜怒哀乐的普通人类,尊重是相互的
• 如果是关于 V2EX 本身的问题反馈,请使用 反馈 节点
Trim21

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

  •  
  •   Trim21 · Jun 26, 2018 · 3093 views
    This topic created in 2865 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
        1
    fulvaz  
       Jun 27, 2018
    大家都是开发, 最憎恨:

    一图流

    一句话.

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