【移动端基础】
关注
分享
扫一扫
文章平均质量分 61
移动端基础
王同学要努力
24届毕业生 计科专业
无论身处何方，陷于何地，都要向下扎根，向上开花，不负生活，不负自己！
展开
-
保姆级教程 CSS 知识点梳理大全，超详细！！！
CSS入门，看这一篇就够了，超详细！！！一、前端三层二、CSS的书写位置(一)、内嵌式内嵌式，顾名思义，内嵌在.html文件中在<head></head>标签中，书写 <style></style>标签对，里面书写CSS语句。(二)、外链式可以将CSS单独存为.css文件，然后用link标签引入它外链式的优点：多个HTML文件，可以共用一个CSS样式表文件(三)、 导入式导入式是最不常见的样式表导入方法,使用导原创 2021-10-08 09:30:00 · 16493 阅读 · 60 评论 -
移动端知识点总结
移动端知识点总结一、移动端—屏幕移动设备与PC设备最大的差别在于屏幕，这主要体现在屏幕尺寸和屏幕分辨率两个方面。通常我们所指的屏幕尺寸，实际上是指屏幕对角线的长度（一般用英寸来度量）如下图所示二、移动端——分辨率屏幕的垂直和水平最多放像素的个数三、移动端——长度单位在Web开发中可以使用像素、 em、 pt(点)、in(英寸)、cm作为长度单位我们最常用像素作为长度单位 我们可以将上述的几种长度单位划分为相对长度单位和绝对长度单位英寸是一个绝对长度单位，而像素、 em是一个相对长度原创 2021-07-06 19:18:43 · 971 阅读 · 19 评论 -
移动开发—Less基础与安装
移动开发—Less基础与安装一、维护CSS的弊端CSS是一门非程序式语言、没有变量、函数、SCOPE（作用域）等概念CSS需要书写大量看似没有逻辑的代码、CSS的冗余度是比较高的不方便维护扩展、不利于复用CSS没有很好地计算能力对于非前端开发工程师来讲、往往会因为缺少CSS编写经验而很难写出组织良好且易于维护CSS代码项目二、Less介绍Less（Leaner Style Sheets的缩写）是一门CSS扩展语言，也称为CSS预处理器它扩展了 CSS 语言，增加了变量、Mixin、函数等原创 2021-05-19 10:49:26 · 234 阅读 · 6 评论 -
移动开发—媒体查询(Media Query)
移动开发—媒体查询(Media Query)1、使用@media，可以针对不同的媒体类型定义不同的样式2、@media可以针对不同的屏幕尺寸设置不同的样式3、当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面语法规范：一、mediatype查询类型可以将不同的设备划分成不同的类型，称为媒体类型二、关键字语法规范关键字将媒体类型或多个媒体特性连接到一起作为媒体查询的条件三、媒体特性每种媒体类型都具有各自不同的特性，根据不同的媒体类型设置不同的展示风格，我们暂且了原创 2021-05-19 10:12:20 · 678 阅读 · 1 评论 -
移动开发—详解flex布局之携程网首页案例制作
移动开发—详解flex布局之携程网首页案例制作学习内容一、flex的布局原理二、flex布局父项常见的属性三、flex布局子项常见的属性四、携程网首页案例制作一、flex的布局原理总结flex布局的原理：就是通过给父盒子添加flex属性，来控制盒子的位置和排列顺序二、flex布局父项常见的属性（一）、flex-direction设置主轴的方向主轴与侧轴在flex中，是分为主轴和侧轴两个方向：同样的叫法有：行和列、x轴和y轴默认主轴方向就是x轴方向，水平向右默认侧轴方向就是y轴原创 2021-05-18 14:54:26 · 1167 阅读 · 8 评论 -
DPG图片压缩技术和webp图片格式
DPG图片压缩技术和webp图片格式一、DPG图片压缩技术京东自主研发推出的DPG图片压缩技术，经测试该技术，可以直接节省用户近50%的浏览量，极大地提升了用户的网页打开的速度。能够兼容JPEG，实现全平台，全部浏览器的兼容支持，经过内部和外部上万张图片的人眼浏览测试后发现，压缩后的图片的webp的清晰度对比没有差距。二、webp图片格式谷歌开发的一种旨在加快图片加载速度的图片格式，图片的压缩体积大概只有JPEG的2/3，并能节省大量的服务器宽带资源和数据空间。...原创 2021-05-17 08:32:34 · 1143 阅读 · 1 评论 -
移动端开发——京东首页制作（流式布局）
移动端开发——京东首页制作（流式布局）项目准备初始化基本文件夹创建index.html设置视口引入基本公共样式引入自己的css样<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor原创 2021-05-17 08:18:20 · 1423 阅读 · 4 评论 -
移动端开发—流式布局
移动端开发选择一、单独制作移动端页面(主流)通常情况下，网址域名前加m(mobile)可以打开移动端，通过判断设备，如果是移动端设备打开，则跳转到移动端页面二、响应式页面兼容PC端移动端(其次)通过改变屏幕的宽度来改变屏幕的样式制作麻烦，需要花很大的精力去调兼容性问题...原创 2021-05-16 16:23:31 · 372 阅读 · 1 评论 -
移动端技术解决方案
移动端技术解决方案特殊样式原创 2021-05-16 15:24:19 · 231 阅读 · 1 评论