布局出问题?边框大法好!
来源:互联网 发布:什么是淘宝客单价 编辑:程序博客网 时间:2024/05/17 09:24
昨天做了个页面布局,结果呢问题是各种各样的。所以,我要开一个分类关于页面布局的分类!
“边框大法”
边框往往能反应一个元素的实际的状态,一旦布局出现了问题,比较好的方法是给出问题的元素啊,相邻元素啊,或者是父元素,子元素加上边框;问题一般都能从边框的相形状位置上反映出来的。然后再对布局做出修改。
比如我碰到的一个移动端布局的问题。
移动端一般要在meta标签里面写入属性:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
设置内容宽度为设备宽度,默认缩放为1.0倍,最小的缩放为1.0,最大缩放同样为1.0,用户缩放设置为不允许;所以正常情况下,应该是下面这图的效果
但是,实际的显示效果确是这样的:
布局一定是有元素的宽度超出了视窗的宽度,使得底部滚动条都出现了。接下来就是要找靠近有边框的元素的宽度咯,那么多元素难道要一个一个的加边框来查看么?比较好的方法是在css里面加一条就能检查出问题在哪里:
*{border:1px solid;}
其中*表示统配所有元素
当然,关于自适应的布局的话,尽量不要使用px要用百分比,em这些相对的值;
当然布局出问题在所难免,每次都出问题就是个人的问题了。3Q
0 0
- 布局出问题?边框大法好!
- clang 大法好
- DFS大法好
- UVA10499scanf大法好
- python大法好!
- rope大法好
- 盲打大法好
- 分块大法好
- Lombok大法好
- Python大法好
- container_of大法好
- 集成学习大法好
- 交换大法好
- Redux大法好
- 【日常】凸轮大法好
- 周末大法好
- SetReplacementShader大法好
- 【Python大法好】汇总
- java9*9乘法
- Linux命令之dos2unix - 将DOS格式文本文件转换成UNIX格式
- 数组、指针数组与数组指针
- 设计模式——状态模式
- js中的delete运算符
- 布局出问题?边框大法好!
- IOS 客户端 socket IPV4兼容IPV6
- hdu 1548 A strange lift
- Spring入门
- OSGI中ServiceTracker的应用
- 红与黑HNCU1103
- 9. PHP 绘制线段与圆弧 imageline、imagesetstyle 与 imagearc 函数
- unity3d接入支付宝 iOS篇(二)
- SQLServer控制用户访问权限表