html - 网页设计在桌面 PC 显示器中失真

标签 html css layout

我在我的笔记本电脑上构建我的网络应用程序,但是当我在我的台式电脑上浏览页面时,div 的布局被扭曲了。

我认为解决方案是为 div 的高度和宽度提供百分比而不是绝对数字,如 240px。

你怎么看?

您还有其他建议吗?

提前致谢。

我所做的是:

<div style="height:240px;width:240px"></div>

我认为我必须做的是:

<div style="height:100%;width:90%"></div>

最佳答案

当使用相对大小“px”而不是绝对“pt”时,浏览器会根据“缩放”或“文本大小”级别的用户设置、浏览器版本等来调整布局的近似大小。

如果您使用点 (pt) 绝对调整布局 div 的大小,您不应该看到基于浏览器、屏幕分辨率等的变化。 尝试

<div style="height:240pt;width:240pt"></div> 

关于相对与绝对字体管理的重要引用 here

关于html - 网页设计在桌面 PC 显示器中失真,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1231010/

相关文章:

html - 在 Bootstrap 中设置缩进的 h4 元素的样式

HTML/CSS 布局问题

html - 如何增加Flickity slider 的高度?

html - Angular 横幅 CSS

html - border-box 破坏响应图像的容器

html - 重置背景颜色 CSS

css - html div 的高度 (%)

html - 修复 h1 字体大小 !important 样式大小

android - 无法在布局中正确获取 Textviews

css - Bootstrap 4 Angular 7 响应式 chalice 布局