移动Web开发

移动WEB开发（第四天）__响应式布局

移动WEB开发（第四天）__响应式布局移动端WEB开发之响应式布局1.0响应式开发原理1.1响应式开发原理1.2响应式布局容器2.0bootstrap的介绍2.1Bootstrap简介2.2bootstrap
加蓓努力我先飞·2024-09-12 11:04

移动开发中“单位”的那些事儿

前言在移动开发中我们常常会考虑度量单位的问题，在传统pc的web开发中用的比较多的是px（css像素），在android开发中一般则用dp、sp、px（物理像素）等，而移动web开发中同样也是用px（css
小灯光环·2024-02-20 06:39

Web前端-移动web开发_rem布局

文章目录移动web开发之rem布局1.0rem基础1.1rem单位(重点)1.2em单位(了解)1.3媒体查询什么是媒体查询媒体查询语法规范1.4less基础维护css弊端Less介绍Less安装Less
北方的南&·2024-02-09 05:50

跟着pink老师前端入门教程-day20

二、移动WEB开发之flex布局1、flex布局体验1.1传统布局与flex布局传统布局：兼容性好、布局繁琐、局限性、不能再移动端很好的布局flex弹性布局：操作方便，布局极为简单，移动端应用很广泛；PC
axiu呀·2024-02-07 02:49

跟着pink老师前端入门教程-day19

一、移动WEB开发之流式布局1、移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。
axiu呀·2024-02-07 02:13

移动web开发流式布局

1.0移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。内核：浏览器内核备注Safariwebkitwebkit内核是苹果公司开发的一款渲染引擎，目前已被很多手机厂商所采用，包括谷歌、三星、HTC等chromeBlink在chrome项目中研发Blink渲染引擎（即浏览器核心），内置于Chrome浏览器之中。Blink
Gao_xu_sheng·2024-01-20 13:07

Web前端-移动web开发——flex布局

移动web开发——flex布局1.0传统布局和flex布局对比1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.2flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差
北方的南&·2024-01-17 04:25

Web前端-移动web开发_流式布局

文章目录移动web开发流式布局1.0移动端基础1.1浏览器现状1.2手机屏幕的现状1.3常见移动端屏幕尺寸1.4移动端调试方法2.0视口2.1布局视口layoutviewport2.2视觉视口visualviewport2.3
北方的南&·2024-01-17 04:54

学习回顾No.6

移动WEB开发视口（viewport）布局视口视觉视口理想视口meta视口标签width=>设viewport宽度initial-scale=>初始缩放比maximum-scale=>最大minimum-scale
小Z想打代码·2024-01-17 00:41

《二》CSS 中常用的单位

在进行移动Web开发时，当需要设置固定宽高或字体大小时可用。相对长度单位：相对长度单位是指相对于其他一些东西来计算大小。百分比%：百分比%：在进行移动Web开发时，可用来进行布局。为不同
花铛·2024-01-12 12:42

移动前端开发进阶之路—页面布局

Viewport移动Web开发自然要从Viewport说起，那什么是Viewport呢？字面意思是视图窗口，通俗的讲就是指移动设备上能用来显示页面的那部分区域。
微光姑娘·2024-01-05 14:25

移动web开发——flex布局

一，传统布局和——flex布局1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.2flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差IE11或更低版本不支持flex或仅支持部分1.3建议如果是pc端页面布局，还是采用传统方式如果是移动端或者是不考虑兼容的pc则采用flex二，flex布局原理当我们为父盒子设为flex布局以后，子元素的float、clea
過尽千帆_YL·2023-12-17 18:07

移动web开发之自适应布局解决方案一: less+媒体查询+rem

移动web自适应布局有两种方案：1.less+媒体查询+rem2.flexible.js+rem(推荐)推荐方案2，下面我们一起来学习一下。less+媒体查询+remless这种CSS预处理语言我们可以去less中文网学习，这里不复述。less+媒体查询+rem实现自适应布局的原理是通过动态设置html标签的font-size大小，然后页面元素以rem作为单位从而可以适配不同屏幕。下面我们用此方案
百思不得小李·2023-11-22 10:54

6天移动web开发视频教程_针对Web和移动开发人员的完整视频解决方案

6天移动web开发视频教程ThisarticlewasoriginallypublishedonCloudinaryBlog.ThankyouforsupportingthepartnerswhomakeSitePointpossible
culi4814·2023-11-02 17:45

常用移动web开发框架

userCode=dansrwg4纯粹的总结一下移动web开发框架，移动web开发框架有jQueryMobile、SenchaTouch等等,他们都来源于web开发，是成熟的框架，jQueryMobile
道简（Linus）·2023-10-30 08:48

移动web开发调试工具vorlon（适合app混合开发）

一、介绍：相信一开始开发移动端web页面的小伙伴会有一个问题，移动端页面在移动设备上真机调试或者是app混合开发测试的时候会有很大的不方便，并不能像chrome浏览器那样控制台打log，查看dom布局，css样式等问题，当在真机出现错误的时候也很难进行排查。今天介绍一个移动端web调试工具，可以像操作chrome控制台那样进行错误排查。官方介绍Vorlon.js可以帮助开发者加载、检查、测试及调试
李佳明先生·2023-10-15 07:14

响应式

通常的做法是对移动端单独开发一套特定的版本c)但是，如果移动终端设备起来越多的时候赋发成本太大，是因为需要做所有屏幕的适配d)响应式开发的目的就是:一个网站能够兼容多种终端e)在新建的网站上一般都会使用响应式开发f)移动
稻草人_9ac7·2023-10-07 16:19

技术栈

六、移动Web开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。七、前端框架：Vue.js和Re
小白IT·2023-10-04 01:00

移动web开发之flex布局

文章目录前言一、flex布局体验1.1传统布局与flex布局1.2初体验二、flex布局原理2.1布局原理三、flex布局父项常见属性3.1常见父项属性3.2flex-direction设置主轴的方向*3.3justify-content设置主轴上的子元素排列方式*3.4flex-wrap设置子元素是否换行*3.5align-items设置侧轴上的子元素排列方式（单行）*3.6align-cont
柒小莫·2023-09-23 09:46

移动Web开发之flex布局

文章目录一、1.0传统布局和flex布局对比1.1、传统布局1.2、flex布局1.3、总结二、flex布局原理三、flex布局父项常见属性3.1、flex-direction设置主轴的方向3.2、justify-content设置主轴上的子元素排列方式3.3、flex-wrap设置是否换行3.4、align-items设置侧轴上的子元素排列方式(单行)3.5、align-content设置侧轴上
瑾川致知·2023-09-23 09:16

移动WEB开发 之 flex布局

目录flex布局体验flex布局原理布局原理flex布局父项常见属性常见父项属性flex-direction设置主轴的方向justify-content设置主轴上的子元素排列方式flex-wrap设置子元素是否换行align-items设置侧轴上的子元素排列方式（单行）align-content设置侧轴上的子元素的排列方式（多行）align-content和align-items区别flex-fl
不爱吃菜的蔡菜·2023-09-23 09:44

Web前端学习笔记09：移动web开发流式布局_flex布局

文章目录移动web开发流式布局1.0移动端基础1.1浏览器现状1.2手机屏幕的现状1.3移动端调试方法2.0视口2.1布局视口layoutviewport2.3理想视口idealviewport2.4meta
JasonYangQ·2023-09-23 09:14

移动WEB开发之flex布局

一、flex布局体验1.1传统布局与flex布局建议：1.如果是PC端页面布局，我们还是传统布局。2.如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局1.2初体验1.搭建HTML结构123里面的3个span是行内元素2.CSS样式span直接给宽度和高度，背景颜色，还有蓝色边框给div只需要添加display:flex即可Documentdiv{display:fle
丑八怪223·2023-09-23 09:13

移动web开发之flex布局笔记

flex盒子的布局原理flex布局的常用属性携程移动端首页案例1flex布局体验1.1传统布局与flex布局传统布局：兼容性好布局繁琐局限性，不能在移动端很好地布局flex弹性布局：操作方便，布局极为简单，移动端应用很广泛PC端浏览器支持情况很差IE11或更低版本，不支持或仅部分支持建议：如果是PC端页面布局，还是传统布局如果是移动端或者不考虑兼容性问题的PC端页面布局，就使用flex弹性布局2f
打怪升级的雪菜·2023-09-23 09:43

《HTML5移动web开发指南》笔记（二）

第1章移动互联网时代的web技术智能手机的web浏览器Android：AndroidBrowser；IOS：MobileSafari；BackBerry：Webkit浏览器；SymbianS60：WebBrowserforS60。这些移动web浏览器不同于过去的WAP浏览器，它们能识别和解释HTML、CSS、JavaScript等代码，而且都有一个共同的特点就是其浏览器的核心都是基于Webkit。
重庆淡静·2023-09-10 20:30

移动web开发调试工具eruda（适合app混合开发）

一、介绍：相信一开始开发移动端web页面的小伙伴会有一个问题，移动端页面在移动设备上真机调试或者是app混合开发测试的时候会有很大的不方便，并不能像chrome浏览器那样控制台打log，查看dom布局，css样式等问题，当在真机出现错误的时候也很难进行排查。今天介绍一个移动端web调试工具，可以像操作chrome控制台那样进行错误排查。NPM介绍移动浏览器控制台（社会我E哥，人狠话不多。。）面板样
李佳明先生·2023-09-10 17:39

移动web开发rem适配布局

移动web开发rem适配布局学习目标:能够使用rem单位能够使用媒体查询的基本语法能够使用Less的基本语法能够使用Less中的嵌套能够使用Less中的运算能够使用2种rem适配方案1.rem单位基础2
qq_46372132·2023-08-25 04:40

移动web开发

前端开发常用单位像素在前端开发中视口的水平方向和垂直方向是由很多小方格组成的,一个小方格就是一个像素特点:不会随着视口大小的变化而变化,像素是一个固定的单位(绝对单位)百分比百分比是前端开发中的一个动态单位,永远都是以当前元素的父元素作为参考进行计算特点子元素宽度是参考父元素宽度计算的子元素高度是参考父元素高度计算的子元素padding和margin无论是垂直方向还是水平方向都是参考父元素的宽度计
七分之二十四·2023-08-23 19:30

移动WEB开发

了解移动端基础浏览器移动端的浏览器大多都是基于webkit修改的内核，国内尚无自主研发的内核。所以，兼容移动端主流浏览器，处理webkit内核浏览器即可。手机屏幕现状移动端设备屏幕尺寸非常多，碎片化严重。Android设备有多种分辨率：400*800，480*854，540*960，720*1290，1080*1920等。近年来iPhone的碎片化也加剧了，640*960，640*1136，750
甄子健·2023-08-15 14:24

移动web开发

一、屏幕适配问题解决方案流式布局:就是百分比布局，非固定像素，内容像两侧填充，理解成流动的布局，称为流式布局。viewport视口(主流的适配方案):移动端特有，是一个虚拟的区域，承载网页的。承载的关系:浏览器->viewport->网页3.非主流适配(淘宝:目前看已经改为主流，已淘汰):根据物理像素放大当前的页面(2或者3倍)二、移动端常设置盒子的类型为边框盒box-sizing:border-
你带来了我的快乐·2023-08-04 01:42

【HTML CSS】笔记10日 移动WEB开发之flex布局

1.flex布局体验1.1传统布局于flex布局传统布局兼容性好布局繁琐局限性，不能在移动端很好地布局flex弹性布局操作方便，布局极为简单，移动端应用很广泛。PC端浏览器支持情况较差。IE11或更低版本，不支持或仅部分支持。建议：如果是pc端页面布局，还是采用传统方式如果是移动端或者是不考虑兼容的pc则采用flex1.2初体验2.flex布局原理2.1布局原理flex是flexibleBox的缩
涂知行·2023-07-25 18:56

腾讯宣讲会

SNG：toC:QQ大生态toB:企业服务前端开发：移动Web开发、node.js、reactnative、electronAlloyTeam:合并上报学习建议：大学——广度；工作——深度；瓶颈后——广度
日瑕·2023-07-24 19:14

移动端前端

文章目录三、移动端前端1.移动WEB开发之流式布局1.1移动端基础1.1.1浏览器现状1.1.2手机屏幕现状1.1.3常见移动端屏幕尺寸1.1.4移动端调试方法1.1.5总结1.2视口1.2.1布局视口
贫僧唯爱师太·2023-07-13 22:40

前端--移动端布局--1移动web开发流式布局

目标：·能够知道移动web的开发现状·能够写出标准的viewport·能够使用移动web的调试方法·能够说出移动端常见的布局方案·能够描述流式布局·能够独立完成京东移动端首页目录：·移动端基础·视口·二倍图·移动端调试·移动端技术解决方案·移动端常见布局·移动端开发之流式布局·京东移动端首页制作1.移动端基础总结：·移动端浏览器我们主要对webkit内核进行兼容·我们现在开发的移动端主要针对手机端
彩虹桥下的小淅猪·2023-04-21 02:22

【前端】05 - 移动web开发之rem布局

文字大小随屏幕大小的改变而改变？流式布局和flex布局主要针对宽度布局，那高度如何设置？怎么样让屏幕发生改变的时候元素高度和宽度等比例缩放？em单位是：父元素字体大小。页面元素重点计算公式：页面元素（px）/字体大小=?rem......查看4.3节适配方案一1.rem基础1.1rem单位rem(rootem)是一个相对单位，类似于em，em是父元素字体大小。div{font-size:12px;
itlu·2023-04-19 10:54

移动web开发需要知道的那些概念

iPhone6技术规格点我获取设备信息和计算1.分辨率首先我们需要知道什么是分辨率？分辨率是怎么来的？简单点理解就是手机屏幕是由很多个小点排列组合成了一张屏幕，就比如我们在手机上看一张图片，每个小点负责显现一种颜色，然后就拼成了一张完整的图片，那我们就把每个小点称为一个像素(pixel)。那对于一张屏幕来说是有固定的总像素个数，我们把屏幕上有多少行的像素个数和有多个列的像素个数叫做分辨率，所有分辨
前端_逗叔·2023-04-14 12:52

移动web开发-2

传统百分比布局和flex布局的小瑕疵：页面文字大小固定。主要针对于宽度布局，高度一般写死。屏幕发生变化的时候元素内容不会等比缩放。那么，页面布局文字能否随着屏幕大小变化而变化？流式布局和flex布局主要针对于宽度布局，那高度如何设置？怎么样让屏幕发生变化的时候元素高度和宽度等比例缩放？四.移动端布局：rem布局1.rem单位rem(rootem)是一个相对单位，类似于em，em是父元素字体大小，不
Imkata·2023-04-12 11:07

移动web开发之flex布局

移动端常见布局：✍目录总览：（移动Web开发、移动端常见布局【流式布局、flex布局（概念、容器、项目）】）流式布局（百分比布局)流式布局，就是百分比布局，也称非固定像素布局。
生命里那束光·2023-04-12 02:28

【前端】01 - 移动web开发-流式布局

1.移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都
itlu·2023-04-04 12:45

移动web开发与适配

学习目标了解移动web简单调试方法了解移动web常见适配方案掌握移动端布局技巧全面掌握rem适配方法移动端小知识跑在手机端的web页面(H5页面)为什么也叫做H5页面？因为手机端的浏览器都相对比较新，对H5的支持比较完整，所以手机端的web页面也叫H5页面。跨平台(android,ios,pc)基于webview手机终端在引入H5页面时都是通过webview组件实现的告别IE拥抱webkit手机端
李华炎·2023-04-03 06:41

2023年Web前端开发学习路线图

目录前言第一阶段：新手入门1.Web前端零基础入门HTML5+CSS3+前端项目2.移动web开发实战第二阶段：技术进阶1.JavaScript深入浅出-0基础入门神器2.JavaScript核心之WebAPIs3
黑马程序员官方·2023-03-29 15:05

前端书籍推荐（转发）

前端免费高清电子书(史上最全)原文地址：https://juejin.im/post/5c0098f66fb9a049dd80019eHtml+css系列零基础学HTML+CSS[第三版].pdfHTML5移动
ljwheyxy·2023-03-24 10:18

前端学习第二阶段-第4章 移动web开发

4-1媒体查询01-移动WEB开发rem适配布局导读02-rem单位03-媒体查询语法简介04-媒体查询案例背景变色05-媒体查询+rem实现元素动态大小变化06-媒体查询引入资源4-2less介绍和使用
戈森·2023-03-18 00:50

08-CSS-移动WEB开发之流式布局

一、移动端基础1.1浏览器现状PC端常见浏览器360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基
lsc。·2023-03-14 04:46

《HTML5移动web开发指南》笔记（一）

图书封面内容简介《HTML5移动Web开发指南》主要围绕html5技术，讲述如何利用html5相关技术开发移动web网站和webapp应用程序。
重庆淡静·2023-02-03 15:45

Vue-CLI 的 H5 在手机QQ分享配置的天坑!

官方提供的资料:腾讯移动Web开发平台:15年最后一次更新,可想而知放在如今QQ中调用的准确性！这里面提供了一些QQWebView相关配置的接口,也只是一些接口。
ErHu丶·2023-02-03 03:24

web与app开发java_移动web开发和移动app开发的区分

1、移动web开发这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。
那些都不懂·2023-01-21 18:55

移动web开发的第一天学习分享-------字体图标

在还没有开始学习移动web时,对于网页的小图标都是使用精灵图来写代码,今天了解到1.字体图标(只有一种颜色的图标,本质是字体.可以采用字体图标而不用使用精灵图,降低服务器请求次数,)字体图标使用步骤:步骤1：复制相关文件到本地目录下，并引入字体图标css文件。步骤2：标签使用字体图标。(1.)使用字体图标–类名：(!improtant)或者不需要咱们下载相关文件到本地，阿里字体库比较稳定，在很多情
两米八八!·2022-12-29 13:00

h5c3---移动WEB开发---移动端常见布局（上）---8.15

流式布局方式是移动web开发使用的比较常见的布局方式。二倍精灵图做法在PS里面把精灵图等比缩放为原来的
i33.·2022-11-21 21:46

h5c3---移动WEB开发---移动端常见布局（下）---8.25

二、响应式页面兼容移动端（其次）：①响应式开发（媒体查询）原理：使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。响应式布局容器：响应式需要一个父级做为布局容器，来配合子级元素实现变化效果。原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化。响应式布局的容器固定宽度：大屏(>=12
i33.·2022-11-21 21:46
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他