前端
文章平均质量分 90
宿海仁太
这个作者很懒,什么都没留下…
展开
-
响应式布局 导航条为例
响应式布局根据屏幕的不同尺寸,应用不同的CSS规则。让不同尺寸的设备显示不同的效果。我们可以通过媒体查询实现响应式布局,CSS3提供了媒体查询,可以判断当前的可视区域的大小。大屏和超大屏幕效果图:即(电脑屏幕尺寸-----大于等于992px)小屏和超小屏幕效果图:(即手机屏幕尺寸----小于768px 和平板屏幕尺寸-----大于等于768px小于992px)点击按钮后:移动端效果图:HTML代码...原创 2018-03-12 15:35:30 · 2064 阅读 · 0 评论 -
三栏布局----方法总结
三栏布局介绍:三栏布局,顾名思义就是两边固定宽度,中间内容宽度岁浏览器宽度自适应。如,打开某东首页:三栏布局方法:方法一:浮动布局注: 浮动元素脱离了文档流,根据实际情况使用时清除浮动。 <!DOCTYPE html><html lang="en"><head> <style> h1 { text-align: ...原创 2018-03-05 21:03:05 · 211 阅读 · 0 评论