● 变形的原因
○ 没有提前检查
○ 浏览器默认字体大小不同
○ 依据自己的页面设置的左右边距,没有考虑别人的显示屏大小
● 变形的解决方法
○ 设置一个大盒子,宽度100%,高度auto
○ 少用绝对定位的元素,他会搞乱你的页面
○ 所有文字性内容都要用css定义
○ 水平居中. margin: 0 auto;
○ 作为外部 wrapper 的 div 不要定死高度, 最好还加上overflow: hidden.以达到高度自适应.
○ min-width指定元素最小也不能小于某个宽度
如何避免自己的HTML网页在别人电脑上变形
于 2022-08-12 13:15:29 首次发布