![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
文章平均质量分 53
ZZZ --- jh
这个作者很懒,什么都没留下…
展开
-
移动web开发之流式布局(二)
移动web开发之流式布局(二)二倍图物理像素和物理像素比物理像素点值的是屏幕显示的最小颗粒,是物理真实存在的,这是厂商在出厂时就设置好了,比如苹果6/7/8是750*1334我们开发时候的1px不是一定等于一个物理像素的pc端页面,1个px通常情况等于1个物理像素的,但是移动端就不尽相同一个px能显示的物理像素点的个数,称为物理像素比或屏幕像素比pc端和早期的手机屏幕/普通手机屏幕:1px像素 = 1物理像素Retina(视网膜屏幕)是一种显示技术,可以把更多的物理像素点压缩至原创 2021-06-07 15:09:26 · 110 阅读 · 0 评论 -
移动web开发之流式布局(一)
移动web开发之流式布局(一)目标:能够知道移动web的开发现状能够写出标准的viewport 视口能够使用移动web的调试方法能够说出移动端常见的布局方案能够描述流式布局能够独立完成移动端页面移动端基础:浏览器现状:pc端常见浏览器: 360,谷歌,火狐,qq,百度,搜狗,IE 移动端常见浏览器: uc,qq,欧朋,百度手机,360安全,谷歌,搜狗手机,猎豹 国内的UC和QQ,百度等手机浏览器都是根据Webkit修改过了的内核,,国内尚无自主研发的内核,就像原创 2021-06-06 19:11:40 · 157 阅读 · 2 评论 -
移动端常见布局的重要知识点
移动端常见布局移动端的三种常见布局:1. 流式布局(百分百布局)2. flex弹性布局3. scss+rem+媒体查询 百分百布局:通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充流式布局方式是移动web开发使用比较常见的布局方式flex弹性布局:*是什么: flex是flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性. 任何一个容器都可以指定为Flex布局。*优点: flex布局也叫弹性布局,可以原创 2021-06-03 20:02:26 · 230 阅读 · 0 评论 -
scss --- css的预处理器
scss(sass):概念:scss是css预处理器, 世界上最成熟、最稳定、最强大的专业级CSS扩展语言, scss是一门高于CSS的语言,它能用来 清晰的、结构化地描述文件样式,有着比普通CSS更加强大的功能.,能够提供更简洁、更优雅的语法、同时提供多种功能来创建可维护和管理样式表.其他css预处理器:sass(scss), less, Stylus, DT CSS, Switch CSS, Turbine, Switch CSS, CSS Cacheer原理:Sass本质就是在CSS的语法的基原创 2021-06-03 16:05:59 · 545 阅读 · 1 评论 -
2021年你还不知道的 移动端h5标签
移动端h5标签audio音频<audio src='音频文件地址' controls='controls' > </audio>常用属性:属性值描述autoplayautoplay如果出现该属性,则音频在就绪后马上播放(自动播放)controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮.looploop如果出现该属性,则每当音频结束时重新开始播放.(循环播放)mutedmuted规定视频输出应该被静原创 2021-06-03 08:27:28 · 872 阅读 · 2 评论 -
详解 移动端语义化标签
移动端语义化标签 优点:为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构比<div>标签有更加丰富的含义,方便开发与维护方便搜索引擎能识别页面结构,有利于SEO方便其他设备解析(如移动设备、盲人阅读器等)有利于合作,遵守W3C标准注意:尽可能少的使用无语义的标签div和span在语义不明显时,既可以使用div或者p时,尽量用p,因为p在默认情况下有上下间距,对兼容特殊终端有利不要使用纯样式标签,如:b、font、u等,改用css设置需要强调的文本,可.原创 2021-05-24 20:31:29 · 309 阅读 · 0 评论