Loading [MathJax]/jax/output/CommonHTML/config.js
社区首页 >问答首页 >当宽度降到990px时,页面被缩小

当宽度降到990px时,页面被缩小
EN

Stack Overflow用户
提问于 2021-09-30 22:35:23
回答 1查看 22关注 0票数 1

我有关于整个页面的css的问题。这是我的页面,当我看到响应大小: 990px x 789px

这是1024px x 789px的页面,这很好:

代码库css:

代码语言:javascript
代码运行次数:0
复制
    .filter-body-wrapper
        padding: 0
        width: 94%
        margin: auto

        .filter-type
            border-bottom: 1px dashed rgb(2,150,136)
            .single-item
                margin: 10px auto
                width: 97%
                &.disabled
                    opacity: .5
        .area-filter
            display: flex
            align-items: center
            padding-left: 1rem
    .clear-filters
        text-align: center
        padding: 10px 0

        button
            background: none
            text-decoration: none
            border: none
            border-bottom: 2px solid rgb(11,60,190)
            margin: 10px 0
            padding: 0 2px
            cursor: pointer

@media screen and ( max-width: 990px )
    .filter-wrapper
        background-color: white
        position: absolute
        right: -40%
        top: 125px
        transition: .5s all
    #filter-box
        transition: .5s all
        z-index: 1
    #filter-box.display
        transition: .5s all
        right: 0
    .two.columns
        width: 25%

@media screen and ( max-width: 600px )
    .filter-wrapper
        right: -100%
        top: 0
        min-height: 100vh
    .filter-options-table
        border: none
        .filter-options.header
            .back-btn
                display: inline
    .two.columns
        width: 100%
    #filter-box
        position: fixed
        z-index: 9
        top: 0
        right: -100%
        bottom: 0
        transition: .5s all
    #filter-box.display
        right: 0
        overflow-y: scroll
        transition: .5s all

我可以提供网站,例如,如果需要,错误将出现在何时大小宽度下降到>990px

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-09-30 23:06:53

注释或删除css中的htmlbody属性overflow属性

代码语言:javascript
代码运行次数:0
复制
html {
  /* overflow-x: visible; */
} 
body {
  /* overflow: visible; */
}

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69401493

复制
相关文章
[译] 为何 React 18 中 useEffect 会运行两次?
原文:https://flaviocopes.com/react-useeffect-two-times/
江米小枣
2022/08/30
1.9K0
[译] 为何 React 18 中 useEffect 会运行两次?
如何关闭Mac电脑的重复按键功能?
什么是Mac电脑的重复按键功能?重复按键功能是当一个按键按下是字符可以重复,一般我们不需要这个功能,所以如何关闭呢?下面分享在Mac电脑中关闭重复按键功能的操作步骤。
Mac小小心
2022/06/15
1.7K0
表白代码vbs不同意无法关闭(vbs表白代码不同意按键会跑)
代码网上很多,我找了两个,再加上一些套路,效果更好。 我已经做好了两个可执行文件,直接qq或者微信发给她就可以了。可以去我的资源下载—>>>表白套路可执行程序
全栈程序员站长
2022/08/01
2.9K0
表白代码vbs不同意无法关闭(vbs表白代码不同意按键会跑)
进程运行于不同的 CPU 核
用 Gearman 搭建 Map/Reduce ,GearmanManager 来管理所有的 workers。启动多个 gearman-manager daemon,为了充分利用服务器资源,使其运行于不同的 CPU 内核上。 假设启动 10 个gearman-manager daemon,CPU 是 4核。 [root@www ~]# ps aux | grep gearman-manager | awk {'print $2;'} | sort -k1,1 | head -3 | xargs -n 1
小小科
2018/05/02
2.6K0
进程运行于不同的 CPU 核
直播系统开发:不同的角色有着不同栏目功能
随着互联网的普及,越来越多的人对直播的关注持续日益增长,目前直播软件已经琳琅满目,各有所长。泛娱乐的直播所涉及的行业也日益扩大,面对不同的直播系统开发,需要着重注意的栏目也不尽相同。在直播APP中,无非就是两种角色,主播和观众,当然每个角色的功能也有所不同。那么,不同的角色都有哪些功能?直播系统都有哪些功能?
布谷安妮
2019/09/16
9310
直播系统开发:不同的角色有着不同栏目功能
针对不同的运行时验证包
可为 NuGet 包中的不同运行时选择不同的实现程序集。 在这种情况下,需要确保这些程序集彼此兼容并与编译时程序集兼容。
用户4268038
2022/01/09
6450
51单片机的多功能按键程序设计
我们的DIY电子时钟上有三个按键,而这三个按键需要完成整个时钟的参数设置,所以就需要用到复用功能的按键,也就是今天我们说的多功能按键。
单片机技术宅
2020/03/17
2.2K0
FANUC常用按键以及特殊功能组合键说明!
1)进入系统文件按屏幕下最右边软软键(next键)加其左傍的键加电源键,操作方法同时按下该两个软件加电源键开机
UG数控编程
2020/04/08
3.2K0
FANUC常用按键以及特殊功能组合键说明!
03-HAL库GPIO输入与多功能按键实现
源码地址:https://gitee.com/MR_Wyf/hal-cubemx-rt-thread.git
用户8913398
2022/11/16
1.1K0
03-HAL库GPIO输入与多功能按键实现
PostgreSQL JSON 和 JSONB 功能与不同
POSTGRESQL 对json的支持相对某些数据库是非常给力的, json数据的存储和使用在目前系统的开发信息的传递是主导的. 但POSTGRESQL 支持JSON 的方式有两种 JSON 和 JSONB ,到底有什么不同,在项目中应该用那个,都是需要说明的.
AustinDatabases
2021/06/10
2.2K0
PostgreSQL  JSON  和 JSONB 功能与不同
Python:VScode 设置Python不同版本运行环境
1.首先本地安装有不同的Python的版本,比如2.7和3.5.mac下一般默认自带2.7版本。  终端输入侧  python -V 则显示默认版本号。而python3 -V 则显示3.XX版本。  2.终端输入查找需要即将使用的蟒版本的路径,如which python3。复制其路径,打开vscode。 
菜菜不吃蔡
2018/08/03
1.4K0
不同脑区及相应功能模拟
请大家关注我的最新版本的预印https://arxiv.org/abs/2203.11740,我们尝试用人工智能、量子力学和流体动力学理解我们的大脑。
CreateAMind
2023/09/01
2120
不同脑区及相应功能模拟
国外功能测试有何不同?
作为黑盒测试的一个重要阶段,功能测试毋庸置疑是不可缺失的。功能测试的相关话题很多,无论是测试的形式,例如手动测试和自动化测试,还是测试方法,例如数据驱动和关键字驱动,都有大量的研究文章。
TestOps
2022/04/04
3520
国外功能测试有何不同?
vim按键整理
vim按键整理 1 一般模式下光标移动、搜索替换、复制粘贴 光标移动 h / b / ← 光标向左移动一个字符 j / ↓ 光标向下移动一个字符 k / ↑ 光标向上移动一个字符 l / w / → 光标向右移动一个字符 e 光标移动到字尾 数字 + hjkl / 方向箭头 多字符移动。例如:向下移动 30 行:”30j” 或 “30↓” + 光标移动到非空格符的『下』一行 - 光标移动到非空格符的『上』一行 n 按下数字后再按空格键,光标会向右移动这一行的 n 个字符 0 或功能键[Home] 移动到这
csxiaoyao
2018/05/11
1.4K0
长按键入!
力扣题目链接:https://leetcode-cn.com/problems/long-pressed-name
代码随想录
2021/12/24
6.5K0
长按键入!
为罗技鼠标自定义按键添加显示桌面功能
用过罗技5键(或更多)鼠标的朋友应该都知道,用 setpoint 可以很方便的为每一个按键分配功能。reizhi 之前一直在使用 M545,将后侧键设置为显示桌面使用起来非常方便。但新购入 M705 后发现,所有按键都不能分配显示桌面的功能。虽然 setpoint 也提供了快捷键分配的功能,但很遗憾 Windows 键按下后就直接显示了开始菜单,无法捕捉到。
reizhi
2022/09/26
1.9K0
为罗技鼠标自定义按键添加显示桌面功能
STM32按键状态机3——增加双击与功能优化
上篇文章:STM32按键状态机2——状态简化与增加长按功能,介绍了将按键检测增加长按功能,并将按下抖动与松开抖动共用一个抖动状态来表示,其状态图如下:
xxpcb
2022/10/04
1.1K0
STM32按键状态机3——增加双击与功能优化
GPIO—按键轮询
前面控制LED灯是让GPIO输出高低电平,而获取按键则是读取GPIO电平,从而获知用户是否按下按键。
韦东山
2022/05/05
2.1K0
GPIO—按键轮询
104键盘按键图_键盘按键错乱怎么恢复
大家好,又见面了,我是你们的朋友全栈君。 104键键盘键位布局图 ** ★主键盘区 ** A → 65 B → 66 C → 67 D → 68 E → 69 F → 70 G → 71 H → 72 I → 73 J → 74 K → 75 L → 76 M → 77 N → 78 O → 79 P → 80 Q → 81 R → 82 S → 83 T → 84 U → 85 V → 86 W → 87 X → 88 Y → 89 Z
全栈程序员站长
2022/11/02
2.9K0
104键盘按键图_键盘按键错乱怎么恢复
js按键记录
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" language=JavaScript> document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; con
似水的流年
2023/02/02
5.3K0

相似问题

功能运行两次

10

按键替换/按键功能

17

如果再次按键,则功能不同

113

在每个按键上运行搜索功能

11

防止功能两次运行

13
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档