我们在做一个Web App，如所示，产品需求如下：
1.在14寸的屏幕下，不管用户电脑是1366768的像素还是19201080，甚至更高的像素。左侧灰色部分（切换用的tab）与右侧白色部分的比例都是一样的。红色卡片（具体内容）的“感官”效果也是一样的。如左侧上下两个图的对比所示。
2.在分辨率一样的情况下（如下面左右两图的图示），不管用户的电脑屏幕是多大，左侧灰色部分的“宽度”是一致的，右侧白色部分占满省下的空间。红色部分保持大小一致。
3.文字部分也要求在各种情况下“看起来”大小一致。
请问这种布局要求该怎么实现？
多谢。
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
3
555
收藏
高分屏的用户会对页面进行缩放以获得合适的阅读体验，所以如果你硬是做成看起来一样大，经过缩放之后尺寸又会发生变化
bootstrap栅格系统带你飞，，，