V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
工单节点使用指南
• 请用平和的语言准确描述你所遇到的问题
• 厂商的技术支持和你一样也是有喜怒哀乐的普通人类,尊重是相互的
• 如果是关于 V2EX 本身的问题反馈,请使用 反馈 节点
Trim21
V2EX  ›  全球工单系统

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

  •  
  •   Trim21 · 2018-06-26 22:26:26 +08:00 · 2483 次点击
    这是一个创建于 2327 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    第 1 条附言  ·  2018-06-27 09:41:50 +08:00

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

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

    禁用了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  
       2018-06-27 00:44:28 +08:00
    大家都是开发, 最憎恨:

    一图流

    一句话.

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