HTML
宝儿的程序生涯
爱编码,爱生活,爱分享,
勤思考,常记录,多总结
展开
-
响应式实例
效果一、100%是红色宽<=980px蓝色<=580px黑色<=380px黄色源码:<style> /* >980px */ div{ width: 100%; height: 100px;原创 2018-10-03 20:01:48 · 1898 阅读 · 0 评论 -
百度地图源码实例
效果:源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&am原创 2018-10-03 20:42:47 · 3886 阅读 · 0 评论 -
web布局方式
这里先简单总结5种常用布局方式(仅本人的理解)静态布局窗口任意变化,布局不变。所有元素的尺寸一律使用px作为单位。流式布局布局不变,可以进行适配调整,即窗口缩小,字体大小不变,只是位置变了(会被顶到下一行去)使用%百分比定义宽度,高度大都是用px来固定住自适应布局字体位置不变化,布局会随窗口而变化可以看成是不同屏幕下由多个静态布局组成的。使用 @media 媒体查询...翻译 2018-10-04 12:22:25 · 517 阅读 · 0 评论 -
viewport特性
什么是 Viewport?viewport 是用户网页的可视区域。viewport 翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。通常情况下,viewport有以下6...转载 2018-09-30 10:03:33 · 205 阅读 · 0 评论