Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.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_Css - Fatal编程技术网

Javascript 如何使导航器对较小的窗口作出反应?

Javascript 如何使导航器对较小的窗口作出反应?,javascript,html,css,Javascript,Html,Css,因此,我正在尝试为我的网站创建一个导航器,我想问,如果网站的宽度正在缩小,那么列出的单词之间的空间应该缩小,或者单词应该消失。当页面大小改变时,可以使用媒体查询更改CSS属性: 示例: @media only screen and (max-width : 1024px){ // CSS properies for when screen width becomes less than 1024px } 参考教程网站: 文档: 有几种方法可以实现这一点。您可以只使用css(参见上面的

因此,我正在尝试为我的网站创建一个导航器,我想问,如果网站的宽度正在缩小,那么列出的单词之间的空间应该缩小,或者单词应该消失。

当页面大小改变时,可以使用媒体查询更改CSS属性:

示例:

@media only screen and (max-width : 1024px){
    // CSS properies for when screen width becomes less than 1024px
}
参考教程网站:

文档:

有几种方法可以实现这一点。您可以只使用css(参见上面的注释)或使用javascript处理特殊情况(参见),从而使您的文档具有响应性。