HTML页面中解决内容元素随窗口变化布局变乱问题
2024-10-10 23:37:46
1、给body加上一个min-width最小宽度,以px为单位,这样当页面变小时,当达到你所设置的最小宽度,body的宽度不再改变,超出的部分会用横向滚动条显示,其内所有元素的布局也不会受影响。
2、使用百分比设置宽度,所有会在页面变化后布局改变的元素的宽度都设置成百分比宽度,这样在缩放时,页面内的各个元素也会跟着缩放,宽度占比不变,当然前提是设置CSS样式前,先给body和html这两个元素设置宽度为100%,避免后面出错。
至于高度,建议使用确定的值,不要用百分比,因为页面的大小对高度基本没影响,让元素自己去撑盒子得高度。
原文链接:https://www.cnblogs.com/lczhuguang/p/10638534.html
最新文章
- 浅谈c语言的指针
- ORA-30004 错误处理
- ubuntu 系统出错一览
- windows下 apache 二级域名相关配置
- Oracle中的USEREVN()
- poj3257
- 几款开源的图形化Redis客户端管理软件推荐
- 利用京东云擎架设免费Wordpress 博客(git方式)
- PHP框架_ThinkPHP基础
- CF-599B - Spongebob and Joke
- 把zlog封装成模块,隐藏zlog
- 用apiCloud开发应用
- Oracle DML容错处理(1)
- Android开发之漫漫长途 IX——彻底掌握Binder
- Java 容器 LinkedHashMap源码分析1
- 爬虫浅谈一:一个简单c#爬虫程序
- nmon与nmonanalyser系统性能分析
- python 在升级到python2.7之后安装相关插件
- flink watermark介绍
- javascript关于链接的一些用法