当页面缩小到一定比例后页面中有些东西就隐藏起来了

这是PC端的页面

当页面缩小到一定比例后页面中有些东西就隐藏起来了，请问这种效果如何实现

你要是初学者，有两种方案1. 用js监听屏幕大小， 2 用bootstrap 库来写

如有帮助给个采纳谢谢

媒体查询

帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7738959
这篇博客也不错, 你可以看下实现网页自动检测当前所处的设备是电脑还是手机从而实现对应PC端和手机端的不同效果
除此之外, 这篇博客: (详解)钉钉接口，PC端微应用，免登录及获取当前用户信息中的 3.2 具体的操作: 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

https://open-doc.dingtalk.com/docs/doc.htm?spm=a219a.7629140.0.0.7h8XIj&treeId=367&articleId=104937&docType=1

您还可以看一下刘伶华老师的全网独家PC端自动化测试实战课程课程中的窗口上的控件选择小节, 巩固相关知识点

可以用css动态调整
CSS动态适应（Dynamic CSS Adaptation）是一种基于CSS media queries的技术，它可以根据设备屏幕尺寸、分辨率等属性动态地调整网页的布局和样式，以提供更好的用户体验。

以下是使用CSS动态适应的一些步骤：

使用CSS media queries来检测设备屏幕的宽度和高度，并为不同的屏幕尺寸设置不同的CSS样式。例如：

@media screen and (max-width: 768px) {
  /* 在屏幕宽度小于768px时应用这些CSS样式 */
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* 在屏幕宽度在768px到1024px之间时应用这些CSS样式 */
}

@media screen and (min-width: 1024px) {
  /* 在屏幕宽度大于1024px时应用这些CSS样式 */
}

使用相对单位（如em、rem、vw等）来设置CSS样式，这样可以使页面元素随着屏幕的缩放而自适应调整大小。
使用CSS Flexbox或Grid等布局技术来创建自适应的页面布局，以确保页面元素在不同的屏幕尺寸下都能正确地对齐和排列。
使用CSS动画和过渡效果来增强用户体验，并使页面在不同的设备上都能平滑地运行。