1. 用 rem 单位, 推荐下载 px to rem 插件, 或者直接网上在线转换也可 || 为什么用 rem ,因为rem相对的是 root 字体的大小,我们可以去设置即可。 2.用vw 单位, 推荐下载 px to vw 插件 , 或者直接网上在线转换也可 || 为什么用 vw ,因为vw相对
原创 2022-05-31 19:00:29
214阅读
1.二倍图1.1 物理像素&物理像素比物理像素指的是屏幕的最小颗粒,是物理真实存在的。这是厂商在出厂时就设置好了,比如苹果6\7\8是750*1334我们开发时候的1px不是一定等于1个物理像素的PC页面,1个px等于1个物理像素的,但是移动就不尽相同一个px的能显示的物理像素点的个数,称为物理像素比或屏幕像素比1.2 背景缩放background-size语法:background-
转载 2023-07-13 11:23:17
219阅读
第6章 移动开发-体检预约1. 移动开发1.1 移动开发方式随着移动互联网的兴起和手机的普及,目前移动应用变得愈发重要,成为了各个商家的必争之地。例如,我们可以使用手机购物、支付、打车、玩游戏、订酒店、购票等,以前只能通过PC完成的事情,现在通过手机都能够实现,而且更加方便,而这些都需要移动开发进行支持,那如何进行移动开发呢?移动开发主要有三种方式:1、基于手机API开发(原生AP
基于移动H5的业务场景下,移动设备的适配问题显得尤为重要,规划好移动适配方案是项目可以完美落地的基石。所以了解rem、em、css、px、device px等概念以及相互之间的差别与联系是设计出好的适配方案的基础。 ...
转载 2021-08-01 22:05:00
1068阅读
目的:设计网站的时候考虑多屏幕尺寸的兼容显示问题。一、viewportviewport指网页的可视区域。手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个网页元素都挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。常见的使用viewport来优化网页适应移动
原创 2023-10-13 08:31:24
138阅读
meta
原创 2023-05-26 10:38:51
119阅读
基于apiCloud,webstorm的移动开发开发完加壳。很好用
原创 2017-07-05 11:19:31
2904阅读
一。响应式设计好处          1.一套项目代码          2.一套开发环境           3.一个URL          4.内容所见即所得           5.不会因为终端升级而导致不可用    做法:     布局百分比宽度 + 容器浮动二。viewport参数的最佳组合<meta name="viewport" cont...
原创 2022-09-13 12:27:19
160阅读
视口理解定义:浏览器显示页面内容的屏幕区域,可以分为布局视口,视觉视口和理想视口布局视口:是网页布局的区域,也是 html 元素的父容器视觉视口:一个手机屏幕可以看到的所有区域,说白了就是手机屏幕大小理想视口:元素大小是合适的,比如文字,图片等,实现方式,只需要添加<meta>视口标签告知浏览器即可<meta name="viewport" content="width=devi
当下,对企业而言,移动应用开发显得比以往任何时候都更为重要。开发团队在不断地寻求既能满足当前需求又能适应未来需求变化的移动应用开发平台(MADP)。本文整理了10个世界顶级的移动开发平台,这些平台被Gartner评为行业领导者,希望对Mobile开发者有帮助。 当下,对企业而言,移动应用开发显得比以往任何时候都更为重要。开发团队在不断地寻求既能满足当前需
原创 2013-10-21 09:47:00
199阅读
提出 Web 应用程序开发的想法很简单,但为移动应用程序开发选择正确的语言可能非常具有挑战性。如果您是初学者或刚刚开始开发 Web 应用程序,Python 是构建高质量移动应用程序的首选语言。不可否认,Python使Web应用程序开发成为一个顺利的过程。这种开源编程语言旨在完美地开发各种级别和复杂程度的移动应用程序。Python最显着的优点是它的简单性。编程语言易于学习、理解和根据您的特定需求进行
分享人:广州华软 佐罗一. 前言会了PC开发就会了移动开发,这个说法没错,虽然移动开发避开了IE兼容适配的坑,但是移动不同系统环境,不同屏幕尺寸的适配还是需要谨慎。下面就说一下移动开发的一些坑与技巧。二. 目录1. 移动开发(定义)2. 移动开发总结的作用(作用)3. 移动开发小结(过程)3.1 meta标签3.2适配移动3.3 点击延迟3
项目实战一、flexible.js库作用flexible是淘宝推出的弹性布局方案,可以解决移动设备适配问题功能添加<meta>标签,并动态改写 <meta> 标签给 <html> 元素添加 data-dpr 属性,并且动态改写 data-dpr 的值给 <html> 元素添加 font-size 属性,并且动态改写 font-size 的值flex
转载 2023-11-01 19:56:30
128阅读
前言现在很多前端项目都是移动优先,要不就是移动样式也需要一套。总之,移动的样式适配是少不了的。1、布局Bootstrap 的栅格系统,CSS的flex布局,grid布局,都能通过调整布局来适配移动的窄屏幕2、CSS媒体查询使用CSS媒体查询,设定移动的样式例如:@media screen and (max-width: 425px) {} @media screen and (min-wi
    position: fixed;     bottom: 0;     left: 0;     z-index: 10;     transform: translateZ(0);//解决ios固定定位问题
css
转载 2021-05-07 11:44:45
1592阅读
2评论
禁止复制黏贴功能 禁止点击之后修改背景颜色 禁止点击一个链接,弹出询问框
转载 2017-01-11 11:02:00
104阅读
2评论
# CSS实现iOS移动无光标效果 作为一名经验丰富的开发者,我很高兴能帮助刚入行的小白们解决实际问题。今天,我们将一起学习如何在iOS移动实现无光标效果。 ## 一、实现流程 首先,让我们通过一个表格来了解整个实现流程: | 步骤 | 描述 | 所需代码 | | --- | --- | --- | | 1 | 确定目标元素 | 根据需求确定需要去除光标的元素 | | 2 | 使用CS
原创 3月前
83阅读
> .van-icon::before { background: #e56300; background-image: linear-gradient(180deg, #ffbd96, #ff7f48); background-image: -moz-linear-gradient(180deg,
ico
原创 2021-11-19 10:39:58
459阅读
# Java移动开发 ## 1. 概述 Java是一种广泛使用的编程语言,可以用于开发各种类型的应用程序,包括移动应用程序。在移动开发中,Java主要用于开发Android应用程序。本文将介绍Java移动开发的基本知识,并提供一些代码示例。 ## 2. Java移动开发环境搭建 要开始Java移动开发,我们需要搭建相应的开发环境。以下是搭建Android开发环境的步骤: 1.
原创 2023-08-26 03:28:55
316阅读
探究移动开发 什么使移动开发呢?这就是在手机等移动设备上的网页开发。 并且现在手机上的app有一部分也是h5页面,对于Android系统的手机,我们打开手机上的开发者选项,开启显示布局边界,如果发现页面有布局则是native,否则是h5页面。而当今比较流行的通过rem进行移动的适配,所以这篇
转载 2016-11-20 15:32:00
571阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5