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阅读
引入 <meta name="viewport" content="wcodeth=device-wcodeth, initial-scale=1, maximum-scale=1"> css
转载
2018-04-08 17:54:00
98阅读
2评论
viewport 通用模版：<!DOCTYPE html><html><head><meta charset="utf-8"><meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"><
转载
2021-05-13 22:15:37
296阅读
近期看到群里对关于 移动端 web开发非常是感兴趣。决定写一个关于 移动端的web开发 概念或框架（宝庆对此非常是纠结）。也是由于自己一直从事pc 浏览器 web一直对 移动端的不是非常重视，所以趁此机会也让自己对 移动端的开发
有个清晰的认识。
环境：
1. 移动端的内核：手机浏览器的内核是什么
在文章中 Android 手机 採用 Webkit。其它的QQ，U
转载
2015-09-08 14:21:00
142阅读
2评论
基于移动端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就会随着内容的减少跑到上面去,不是乖乖的在下面呆着,害得我研究了半天找高人终于给搞定了,也算一个小小 的技巧给大家分享 &
基本要求（1）了解程序体系结构的演变以及C/S和B/S的区别；（2）理解Web的基本概念及工作原理，学会区分静态Web与动态Web ；（3）了解Web开发的相关技术、开发环境和Java EE核心设计模式。学习重点Web的工作原理，静态Web与动态Web 的本质区别。 一、地位：Java Web是Java应用开发领域的三大方向之一（桌面应用开发、Web应用开发和嵌入式应
转载
2023-08-08 15:00:37
182阅读
看这个链接 https://juejin.im/entry/58f6d9fb44d904006c121d2e 移动端:active伪类无效的解决方法:By default, Safari Mobile does not use the :active state unless there is a touchstart event handler on the relevant elem
转载
2017-04-22 23:20:52
1026阅读
点击阅读原文meta相关添加到主屏后的标题（IOS） 启用 WebApp 全屏模式（IOS） 当网站添加到主屏幕后再点击进行启动时，可隐藏地
移动端web开发技巧热度 25已有 1439 次阅读2015-11-13 15:53 |系统分类:HTML/CSSMETA相关1. 添加到主屏后的标题（IOS）2. 启用 WebApp 全屏模式（IOS）3. 百度禁止转码通过百度手机打开网页时，百度可能会对你的网页进行转码，往你页面贴上它的广告，非...
转载
2015-11-25 14:01:00
168阅读
Web应急：移动端劫持 PC端访问正常，移动端访问出现异常，比如插入弹窗、嵌入式广
原创
2023-07-05 13:38:55
33阅读
一、什么是移动端适配 移动端 Web 页面，就是常说的手机 h5页面、webview页面、公众号开发的网页等。 由于手机机型较多，各个手机的屏幕尺寸不一样，所以做移动端页面，需要考虑在安卓和ios的各种尺寸设备的兼容问题，我们要做的 web 页面适配，就是为了在不同设备上，页面能够保持统一展示效果，
原创
2021-08-25 09:51:40
10000+阅读
1. click事件单击事件，类似于PC端的click，但在移动端中，连续click的触发有200ms ~ 300ms的延迟2. touch类事件触摸事件，有touchstart touchmove touchend touchcancel 四种之分touchstart：手指触摸到屏幕会触发touchmove：当手指在屏幕上移动时，会触发touchend：当手指离开屏幕时，会触发touchcanc
原创
2021-04-16 20:46:41
796阅读
1. click事件单击事件，类似于PC端的click，但在移动端中，连续click的触发有200ms ~ 300ms的延迟2. touch类事件触摸事件，有touchstart touchmove touchend touchcancel 四种之分touchstart：手指触摸到屏幕会触发touchmove：当手指在屏幕上移动时，会触发touchend：当手指离开屏幕时，会触发touc
原创
2022-03-29 15:34:47
269阅读
之前参加的项目有涉及Web端测试和移动端测试，简单的记录下他们之间的区别： 1、记录bug 在Web端可以通过系统自带的截图和QQ截图等方式来截取bug的图片，对于错误的地方可以用工具自带的标识来重点标记。 对于移动端设备可以用手机自带的截图工具来截图然后传到电脑上，个人一般习惯安装微信的windo
原创
2017-07-24 17:00:00
488阅读
前言现在很多前端项目都是移动优先，要不就是移动端样式也需要一套。总之，移动端的样式适配是少不了的。1、布局Bootstrap 的栅格系统，CSS的flex布局，grid布局，都能通过调整布局来适配移动端的窄屏幕2、CSS媒体查询使用CSS媒体查询，设定移动端的样式例如：@media screen and (max-width: 425px) {}
@media screen and (min-wi
转载
2024-01-08 18:44:36
126阅读
前言本文主要记录了移动端调试，包含浏览器调试以及远程调试工具和多终端调试工具的介绍。移动端调试移动端调试可以查看页面效果是否符合预期，不符合进行修改。浏览器调试以CSDN首页为例；进入控制台首先按Ctrl+Shift+I（或点击鼠标右键选择检查菜单项）进入控制台：!在这里插入图片描述(https://s2.51cto.com/images/blog/202209/25233645_6330758d
原创
2022-09-25 23:37:13
462阅读
/**Eric Meyer’s Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)http://cssreset.com*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, ...
原创
2021-11-19 13:48:03
209阅读
