移动端基础
文章平均质量分 91
移动端基础
「已注销」
书山有路勤为径 学海无涯苦作舟
展开
-
移动端基础之bootstrap(四)
响应式原理使用媒体查询针对于不同宽度的设备进行样式和布局的设置,从而适应不同的设备设备的划分小于768的为超小屏幕(手机)768~992之间的为小屏设备(平板)992~1200的中等屏幕(桌面显示器)大于1200的大屏设备(大桌面显示器)注意:响应式需要一个父级元素作为容器,配合子级元素来实现更多效果父容器版心尺寸划分超小屏幕(手机,小于 768px):设置宽度为 100%小屏幕(平板,大于等于 768px):设置宽度为 750px中等屏幕(桌面显示器,大于等于 992px原创 2021-05-14 16:12:22 · 993 阅读 · 0 评论 -
移动端基础之less适配布局(三)
rem与emrem与em皆是相对单位 rem是根据html字体的大小而进行改变 em是根据父元素字体的大小而进行改变rem的作用:根据html字体的大小 而整体控制页面元素的大小<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2021-05-10 19:26:28 · 663 阅读 · 0 评论 -
移动端基础之flex布局(二)
传统布局与flex布局的比较传统布局兼容性好布局繁琐局限性,不能在移动端很好的布局flex布局操作方便,布局及其简单pc端支持情况较差IE11以下的版本 仅部分支持注意事项pc端页面布局 建议使用传统布局pc端页面布局 如不考虑兼容性 可使用flex布局flex布局原理flex:弹性布局,用来为盒装模型提供最大的灵活性,任何一个容器都可以指定为flex布局采用flex布局的元素,被称为容器,它的所有子元素会自动成为容器成员,称为flex项目注意事项原创 2021-05-07 23:19:03 · 267 阅读 · 1 评论 -
移动端基础之流式布局(一)
浏览器现状PC端常见浏览器:360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器:UC浏览器,QQ浏览器,欧朋浏览器,百度手机浏览器,360安全浏览器,谷歌浏览器等等总结:兼容移动端主流浏览器,只需要处理webkit内核即可手机屏幕的现状移动端设备屏幕尺寸非常多,碎屏化非常严重,常用单位是px常见移动端屏幕尺寸移动端调试方法总结移动端浏览器主要针对于webkit内核即可常见的移动端主要针对于移动端开发移动端碎屏化非常严原创 2021-05-07 23:17:52 · 334 阅读 · 0 评论