老师在全屏布局中, 不同分辨率该如何处理

来源:12-2 全屏布局的解决方案

大标哥

2020-02-04 17:11

如题, 假设按照1920*1080分辨率设计的全屏布局中,某个输入框的宽度是固定200px, 在其它分辨率下该如何处理http://img.mukewang.com/5e3935410001b3c714330576.jpg

写回答 关注

1回答

  • 慕先生xuyu
    2020-02-16 10:14:27
    已采纳

    1.可以设置百分比宽度。

    2.根据媒体查询 设置不同分辨率下 输入框的固定宽度

    如下:@media screen and (max-width: 1920){

    input.xxx{width: 200px} 

    }@media screen and (max-width: 1780){

    input.xxx{width: 180px} 

    }


一课全面掌握主流CSS布局

一网打尽CSS主流布局方案,一步掌握页面布局技巧.

5276 学习 · 60 问题

查看课程

相似问题