堆栈内存溢出
  简体   繁体   English

低于 100 像素的响应式 UI

[英]Responsive UI below 100px

 原文  2021-01-02 20:32:34  8   2    javascript/ html/ css/ reactjs/ responsive-design

问题描述

What's the trick behind those websites that even if you open the developer tools and set the width below 100px everything is the same place and nothing is breaking?这些网站背后的技巧是什么，即使您打开开发人员工具并将宽度设置为低于 100 像素，一切都在同一个地方并且没有任何东西被破坏？

Should I create a wrapper for all the components and set a specific width and height?我应该为所有组件创建一个包装器并设置特定的宽度和高度吗？

在此处输入图像描述

2 个解决方案

解决方案1
 1  2021-01-02 20:37:26

You don't have to bother for such low resolutions, because there isn't any device that will need that.您不必为如此低的分辨率而烦恼，因为没有任何设备需要它。 The lowest resolution you should aim for is 320px .您应该瞄准的最低分辨率是320px 。

Read here for a better understanding.阅读此处以获得更好的理解。

解决方案2
 1  2021-01-02 20:40:52

it s not really a trick, it s just a min-width to the container that just prevents the div from shrinking further.这并不是一个真正的技巧，它只是容器的min-width ，它只是防止 div 进一步缩小。

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 使用 Google 响应式添加将页脚高度限制为 100 像素 - Limit footer height to 100px with Google responsive add tinyMCE - 您可以将编辑器高度配置为低于100px吗？ - tinyMCE - Can you configure an editor height below 100px? JQuery .css（）返回100％为100px - JQuery .css() returning 100% as 100px 水平滚动100px - Scroll smoothly by 100px horizontally 滚动到锚点上方100px - Scroll to 100px above the anchor 每次点击将宽度增加100px - Increase width by 100px on each click jQuery跳到锚点上方100px - jQuery jump to 100px above anchor 将 100px 添加到当前 marginleft onclick - Add 100px to current marginleft onclick 100px之后的jQuery Scroll功能 - jQuery Scroll function after 100px 在画布上绘制，偏移量为100px - Drawing on canvas, offset is 100px off
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM