如何根据屏幕尺寸调整页面上Divs的大小?

哈特拉·艾哈迈德(Khatra Ahmed)

我正在完成编码测试。我想根据屏幕尺寸更改所有div尺寸。这是因为我的测试在笔记本电脑上的外观与在Mac电脑显示器上的外观不同。在我的小型笔记本电脑上,所有div看上去都很大,但是在Mac电脑显示器上,它看起来还不错。

受伤

使用媒体查询或将宽度/高度设置为%或vw / vh而不是px,
我希望这是您要寻找的东西...或者也许使用诸如bootstrap或Foundation之类的框架

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Open Office / Libre Office Draw中调整页面大小以适合图纸内容

如何根据设备屏幕尺寸调整收藏视图单元格的大小?

如何获取完整页面加载的大小?

如何根据屏幕尺寸调整图像

调整页面大小后如何调整UWP ListView的大小以适合页面?

自动调整按钮大小以适应屏幕尺寸?

Bootstrap:调整页面大小时,如何防止边栏和主div崩溃?

根据屏幕尺寸调整对象大小

Flutter:如何根据设备的屏幕大小调整文本大小

如何根据屏幕尺寸适当调整画布大小?Javascript(p5.js)[已解决]

如何根据屏幕尺寸调整输入的大小(由用户在弹出窗口中选择)

根据屏幕比例调整大小

根据屏幕尺寸调整可绘制尺寸

如何在ReactOS中调整页面文件的大小?

自动调整页面上多个文本区域的大小

调整页面大小(页脚)时如何防止DIVS冲突?

如何根据页面高度调整文本大小?

如何根据屏幕尺寸调整网格图像的大小?

即使在html / css中调整页面大小时如何将文本保留在屏幕中间

通过<a>导航到页面后如何调整页面大小?(jQuery Mobile)

如何在加载页面上不执行窗口调整大小

调整UITableViewCell的大小以适合不同的屏幕尺寸

调整页面大小时,如何使我的表单项具有响应性并符合要求?

如何根据屏幕尺寸 webform 调整 Datagridview 列的宽度和大小?

如何根据屏幕大小调整php中的图像大小?

如何在不同的屏幕尺寸上调整页脚

如何根据屏幕大小调整表单字段的大小?

Flutter 如何根据屏幕大小调整测试大小?

如何随着屏幕尺寸的变化调整 div 的大小?