Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在手机上以手风琴风格直接在桌面上显示文章?_Javascript_Html - Fatal编程技术网

Javascript 如何在手机上以手风琴风格直接在桌面上显示文章?

Javascript 如何在手机上以手风琴风格直接在桌面上显示文章?,javascript,html,Javascript,Html,我现在正在制作一个响应性强的网页,但我在这里遇到了一些麻烦…我制作了一个折叠面板,但我希望它只显示在手机上,并完全丢弃在桌面上。在桌面上,应该只显示标题和内容。 我应该使用媒体查询来重置格式还是JavaScript? 非常感谢你帮助我 这是我的代码: <div class="container"> <div class="panel panel-default"> <div class="panel-heading">

我现在正在制作一个响应性强的网页,但我在这里遇到了一些麻烦…我制作了一个折叠面板,但我希望它只显示在手机上,并完全丢弃在桌面上。在桌面上,应该只显示标题和内容。 我应该使用媒体查询来重置格式还是JavaScript? 非常感谢你帮助我

这是我的代码:

<div class="container">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title ">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapse1" >Collapsible Group 1</a>
                </h4>
            </div>
            <div id="collapse1" class="panel-collapse collapse">
                <div class="panel-body">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                </div>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Collapsible Group 2</a>
                </h4>
            </div>
            <div id="collapse2" class="panel-collapse collapse">
                <div class="panel-body">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                </div>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">Collapsible Group 3</a>
                </h4>
            </div>
            <div id="collapse3" class="panel-collapse collapse">
                <div class="panel-body">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                </div>
            </div>
        </div>
    </div>
</div>

Lorem ipsum dolor sit amet,奉献精英,
这是临时性的劳动和就业机会。我们在这里吃得很少,
我们的实验室是一个普通的实验室。
Lorem ipsum dolor sit amet,奉献精英,
这是临时性的劳动和就业机会。我们在这里吃得很少,
我们的实验室是一个普通的实验室。
Lorem ipsum dolor sit amet,奉献精英,
这是临时性的劳动和就业机会。我们在这里吃得很少,
我们的实验室是一个普通的实验室。

这是bootstrap还是jquery mobile?对不起,我忘了说,我是用bootstrap制作这个手风琴的。Np!你想在一个非小型设备上完全抛弃手风琴,还是想在手风琴上显示一个特定的标签?伊舒,到目前为止你有什么css?请把它贴出来。好吧,我没有在这部分使用任何css。。。。