响应式布局
EffIdong
计划!效率!
展开
-
网页四大布局
当前网页方式大概有四种 静态布局 窗口缩小后内容被遮挡时,拖动滚动条显示布局 设计方法: pc端,居中显示,分辨率变化时,通过拖动条显示布局, 移动端:另外建立移动网站,以m.域名为域名 自适应布局 网页内容随这分辨率改变高度或者宽度,但是内容和位置不会发生变化 设计方法:把宽度px值换成百分比,文字px单位换算成em单位 响应式布局 在不同的屏幕中,都能自动调整布局和分辨率。并且会根原创 2017-06-20 15:14:28 · 576 阅读 · 0 评论 -
bootstrap响应式布局注意
核心-栅格化布局 1.1.“行(row)”必须包含在 .container (固定宽度)或 .container-fluid (100% 宽度)中,以便为其赋予合适的排列(aligment)和内补(padding)。 /* 超小屏幕(手机,小于 768px) */ /* 没有任何媒体查询相关的代码,因为这在 Bootstrap 中是默认的(还记得 Bootstrap 是移动设备优先的吗?) *//原创 2017-06-21 11:18:54 · 790 阅读 · 0 评论