sách gpt4 ai đã đi

javascript - 响应式设计而不是此示例的自适应设计 - 可能

In lại 作者:行者123 更新时间:2023-11-28 07:37:16 30 4
mua khóa gpt4 Nike

所以我正在尝试制作响应式页面。问题是为什么它归结为移动数据需要位于列表中。

我会用一些示例代码来解释

所以这可能是桌面上的输出



所以左边是一个选项卡菜单,右边是内容,一切都很好,但是当我移动到移动设备时,我希望内容位于每个选项卡下 - 就像这样

  

我正在想办法用 css 或一点 JS 来做到这一点

这样做的最佳方法是什么。

我想过添加一个 JS 检测器来查看它是移动设备还是桌面设备,但这又使它具有自适应性和非响应性

我也考虑过使用第二个代码并尝试对内容进行绝对定位或固定定位,但这不起作用

欢迎任何建议:)

1 Câu trả lời

你可以这样做。在移动设备上隐藏顶部列表并切换单个

  • 每行 s。




    CSS

    .mobile-li{
    display:none; /* Hidden by default */
    }
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    aside.mainLeft{
    display:none;
    }

    .mobile-li{
    display:block; /* Toggle on mobile */
    }

    }

    关于javascript - 响应式设计而不是此示例的自适应设计 - 可能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31155698/

    30 4 0
    Bài viết được đề xuất: javascript - 使用 MathJax 的所见即所得数学方程编辑器
    Bài viết được đề xuất: c++ - Qt, C++ - 从文件中读取控制字符
    Bài viết được đề xuất: css - 选择X个元素,跳过X个,选择X个元素
    Bài viết được đề xuất: JavaScript 函数表达式前面的加号
    行者123
    Hồ sơ cá nhân

    Tôi là một lập trình viên xuất sắc, rất giỏi!

    Nhận phiếu giảm giá Didi Taxi miễn phí
    Mã giảm giá Didi Taxi
    Giấy chứng nhận ICP Bắc Kinh số 000000
    Hợp tác quảng cáo: 1813099741@qq.com 6ren.com