CSS5:移动端页面(响应式) 如果手机端和PC端页面差别很大,就不要写响应式,不要写@media 就直接将两个页面拆开成两个文件就可以了.关于判断是手机端你还是PC端,就交给后端来做只有一些新闻站点和博客站点用响应式,因为布局简单,响应式足够 1.媒体查询 media query 媒体:电脑,纸张
转载
2020-06-02 16:21:00
111阅读
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
273阅读
移动客户端的开发类型（站在前端立场上来说），主要是三种：
Native App（原生APP），也就是完全使用移动设备系统语言写的客户端，iPhone iPad就是纯Object-C，安卓就是纯JAVA, 是性能最棒的开发方式，但灵活性不好。
Web App, 就是在移动浏览器里打开的，纯HTML+CSS+JS，说白了就是个网页，只不过非常的富应用，比如手机浏览器访问的GMAIL。就是在浏览器里打开的页面。IOS支持可以在桌面创建访问的快捷方式，但是说到底还是打开Safari跑。而且对设备硬件的接口什么的挺薄弱。
Hybrid App.[HTML5 in mobile devices] 。实际上是使用原生写了一个容器，然后使用HTML+CSS+JS来实现用户界面和交互。Web App的短处便可以克服（因为自己写的容器可以辅助暴露偏底层的接口，比如本地存储或者麦克风控制之类），同时比起纯原生的java或者object-c开发灵活性要高（更新可以更快更迅速，也不依赖于市场，因为说白了，就是自己下载更新网页资源。）实际上这种方式已经不限于移动端。豌豆荚其实是个pc端的hybrid app
原创
2021-06-07 15:14:09
2387阅读
1：pc端响应式开发火狐浏览器打开菜单栏，点击开发者，选择我们的响应式设计 ctrl+shiift+M谷歌浏览器点击“show console”图标，打开模拟面板，使用"User Agent"，选择所要模拟的机子，点击emulate按钮模拟，刷新浏览器。如要调整横竖屏，切换到"screen"2：新建...
原创
2022-04-06 14:24:43
1004阅读
从我工作以来，开发的一直都是移动端的页面，只有偶尔去开发几个PC端的页面，现在是一个移动端的时代，移动先行已经深入骨髓，作为一个web前端开发，如果你还在为如何开发移动端页面而迷茫，或者你还在为开发出了一个在你手机上“完美”的移动页面而沾沾自喜却不知移动的世界有多“残酷”的时候，那你应该看看这篇文章了。希望这能给你帮助，同时也能给我帮助，有不合理的地方，欢迎评论支持，必将改正。这里是基础，你了解否
转载
2024-06-18 22:02:03
32阅读
负责一个项目pc端的，再上线以后呢，想兼容移动端。用同一套页面 1.方法1 定义视口窗口，简单，可以在手机上看到一个缩小版的pc端
原创
2022-07-06 11:50:40
847阅读
1. 固定定位（fixed） 固定定位是绝对定位的一种特殊形式。它以浏览器窗口作为参照物来定义网页元素。当positio
原创
2024-02-28 10:53:10
7阅读
基于移动端H5的业务场景下，移动端设备的适配问题显得尤为重要，规划好移动适配方案是项目可以完美落地的基石。所以了解rem、em、css、px、device px等概念以及相互之间的差别与联系是设计出好的适配方案的基础。 ...
转载
2021-08-01 22:05:00
1196阅读
目的：设计网站的时候考虑多屏幕尺寸的兼容显示问题。一、viewportviewport指网页的可视区域。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页元素都挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。常见的使用viewport来优化网页适应移动端
原创
2023-10-13 08:31:24
170阅读
meta
原创
2023-05-26 10:38:51
135阅读
css如何定位网站的footer（用DIV+CSS让footer始终在底部） 平时拿CSS布局都是一些内容比较多的网站,前两天用CSS+DIV弄了个内容少的页面,发现了一个小问题,可能大家都会遇到,那就是网站FOOTER的 定位,如果内容比较少的话,页面的FOOTER就会随着内容的减少跑到上面去,不是乖乖的在下面呆着,害得我研究了半天找高人终于给搞定了,也算一个小小 的技巧给大家分享 &
移动端开发模板：750的稿子除以75：<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer
转载
2023-07-02 23:56:09
149阅读
目的：学习移动端场景下的js事件；制作移动端特效常用的js库；介绍移动端常用开发框架Bootstrap；介绍动态样式语言less、sass、stylus的基本使用。移动端js事件移动端的操作方式和PC端是不同的，移动端主要用手指操作，所以有特殊的touch事件，touch事件包括如下几个事件：1、touchstart: //手指放到屏幕上时触发2、touchmove: //手指在屏幕上滑动式触发3
转载
2023-12-10 17:12:45
62阅读
5：等分，居中等页面布局等分在说等分之前，先抛出一个问题，如下面的emmet代码，footer部分的导航有些页面是三个，有些页面是四个，我们要求的是不论是三个还是四个甚至于5个，都平分宽度。footer.footer>ul.nav-links>li*3footer.footer>ul.nav-lin...
原创
2022-04-06 14:25:27
237阅读
一、什么是移动端适配 移动端 Web 页面，就是常说的手机 h5页面、webview页面、公众号开发的网页等。 由于手机机型较多，各个手机的屏幕尺寸不一样，所以做移动端页面，需要考虑在安卓和ios的各种尺寸设备的兼容问题，我们要做的 web 页面适配，就是为了在不同设备上，页面能够保持统一展示效果，
原创
2021-08-25 09:51:40
10000+阅读
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-sc
原创
2017-07-25 10:36:00
773阅读
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
原创
2022-03-02 13:48:39
641阅读
页面的适配，就是一个页面能在PC端正常访问，同时也可以在移动端正正常访问。现在我们可以通过弹性布局【Flexible布局】、媒
原创
2023-10-07 10:15:10
437阅读
移动端app分类 1、Native App 原生app手机应用程序使用原生的语言开发的手机应用，Android系统用的是java，iOS系统用的是object-C 2、Hybrid App 混合型app手机应用程序混合使用原生的程序和html5页面开发的手机应用 3、Web App 基于Web的ap
原创
2021-08-05 17:07:34
369阅读
iOS 8人机界面指南（二）：设计策略 文章索引2.1 设计原则（Design Principles）2.1.1 美学完整性（Aesthetic Integrity）2.1.2 一致性（Consistency）2.1.3 直接操作（Direct Manipulation）2.1.4 反馈（Feedback）2.1.5 隐喻（Metaphors）2.1.6 用户控制（User Control）
