j***ascript菜单收缩,js实现菜单的收起和展开-北京沣登科技发展公司

大家好，今天小编关注到一个比较有意思的话题，就是关于javascript 菜单收缩的问题，于是小编就整理了2个相关介绍 java script菜单收缩的解答，让我们一起看看吧。

JS里如何做一个网页，放大缩小不会改变排版？
JS里如何做一个网页，放大缩小不会改变排版？

JS里如何做一个网页，放大 缩小不会改变 排版？

这样就只能做响应式布局了，不过不是以js 来主导，得用css 来主导，目前我了解到的有：

1. 媒体查询

div>

（图片来源网络，侵删）

CSS 媒体查询可以让我们针对不同的媒体类型定义不同的样式，当重置浏览器窗口大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。

2.百分比布局

通过百分比单位，可以使得浏览器中组件的宽和高随着浏览器的高度的变化而变化，从而实现响应式的效果。bootstrap就是一个好的拓展

3. rem布局

（图片来源网络，侵删）

rem 是css3 新增的单位，rem单位都是相对于根元素 html的font-size来决定大小的,根元素的font-size相当于提供了一个基准，当页面的size发生变化时，只需要改变font-size的值，那么以rem为固定单位的元素的大小也会发生响应的变化。

当然还有其他方案，这个就有待各位大咖的发挥了，希望我的回复能帮到你

放大缩小不改变排版，这一般是指前端的响应式技术。

当然，响应式技术也有一定的界限范围的。如果将电脑端的网页，缩小放到手机端也不改变排版，这样出来的效果会很差。

（图片来源网络，侵删）

响应式技术核心是通过媒体查询，实现一套设计，适配不同尺寸的屏幕。在尺寸的某个区间内，其排版不变，而超出区间，则排版发生改变。

如果确实希望怎样缩小放大排版均不会发生变化，直接使用百分比布局即可，不需要额外的技术，但用户体验肯定不够好。

做一个网页，不仅只靠js，主要分为结构层，样式层，交互层。针对您所说，那就是需要响应式的网页了，响应式包括：页面窗口的大小，字体，图片等。需要在不同的窗口中让不同的浏览者感受同一样的效果与体验，窗口响应式需要视窗viewport 与css的媒体查询结合来实现，字体图片等需要rem与css媒体查询结合来实现。当然我说的都是用原生的写法，现在都有不同的框架可以实现你要的效果，像Bootstrap 、vue等都是比较好的，希望能够帮到你。

PC端添加以下meta内容即可： .... 2. Mobile端添加以下meta内容即可： ..... 说明： target-densitydpi=device-dpi，指定屏幕像素密度DPI，device-dpi 为设备原本的DPI值，不会有任何缩放。