移动端H5页面rem缩放方案flexible.js兼容375px方案的思路
参考：移动端高清、多屏适配方案 viewport-and-flexible.jsflexible.js github一个新的项目复用了一些老页面，老页面是使用375px方案进行移动端适配的，meta[viewport]使用的是<meta name="viewport" content="wid...
热门移动端H5开源前端开发框架搜集整理
ant design官方网站:ant.design 介绍：这里蚂蚁金服出的一款框架，提供了桌面版和移动版两大块。移动版的首页是：https://mobile.ant.design/index-cn。 应用者：蚂蚁金服、阿里巴巴、口碑、滴滴 Framework7官网：framework7.taobao...
移动端适配rem的两种方法
移动端适配rem的两种方法rem是根据你的根元素html的字体大小进行换算的，所以一切换算都要从font-size进行着手。方法一：用media方法就是根据你需要的几台设备来进行设置来进行适配。代码类似如下： html{ font-size: 100px; } /*...
移动端DPR，物理像素，逻辑像素，PPI，物理尺寸
还是从具体的案例来去认识移动端中的各种定义吧。 以最常见的设计图参考iphone6来举个栗子，详细说。4.7in2.3*4.1 in16：9375 * 667 dp750*1334px2.0 xhdpi (密度)4.7英寸2.3(宽度)*4.1(长度) 英寸高度：宽度375*667 (points)...
echarts实现折线图（移动端自适应）
<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body> <div ...
迅睿CMS 自适应移动端（同域名）
程序支持自动识别PC和移动端，当只设置了电脑域名，未设置手机域名时的自动识别客户端比如某些虚拟主机用户不支持移动端域名绑定子目录的视情况，也可以使用本教程来解决电脑域名：www.xxxx.com手机域名：未设置本教程有一个局限性问题：不能生成静态文件，只能用伪静态或动态 1、设置电脑域名，并关闭静态...
2 thinkcmf5.0 pc端和移动端自动切换
现在的用户对于cms类型的网站，一般都要求实现PC端和移动端两种访问模式。虽然说使用boostrap写一套模板可以基本满足用户的需求，但设计起来比较麻烦，既要考虑PC的布局，还要考虑移动端的布局。还是写两套模板比较方便，一套pc模板，一套mobile模板，那么如何识别客户端的类型（pc，手机）自动切...
移动端适配方案flexible.js在vscode中配置
1、什么是flexible.js ？flexible.js是手淘开发出的一个用来适配移动端的js框架2、获取方式：GitHub链接：https://github.com/amfe/lib-flexible在GitHub上下载并解压后找到index.js3、用法在script标签下引入flexible...
appsflyer 移动端 用户行为分析和埋点事件
appsflyer 是海外最好用的移动端用户行为分析和埋点事件统计 的平台之一。当然，国内app的也可以用。其功能非常强大，api简单。对于如何对接，就不说了，最好就是看官网，别人写的其他方式都不要全看，因为他们也是从官网看来的，养成这个好习惯，从源头获取一手最准确全面的资料，一定是最有效率的方式。...
关于移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的问题
Write By Monkeyfly以下内容均为原创，如需转载请注明出处。前提当在安卓手机上访问如图1所示的页面时，会出现如图2所示的现象。【苹果手机并不会出现该现象】 即当文本框（指input或textarea）获取焦点时，手机自带的键盘会被唤起并且弹出来。 此时，就会导致一个问题：处于absol...
解决移动端position:fixed随软键盘移动的问题
为了让确认按钮固定在屏幕下方，所以按钮框添加样式：{position:fixed;bottom:0}可是在输入的时候，样式会有问题：下方按钮跟随软键盘上移了！这还好手机本身调试不小，不然很有可能连输入框都被挤到上边看不见了。所以必须对按钮进行控制。两个方案：1、当输入框获得焦点时，重新修改按钮样式：...
小技巧css解决移动端ios不兼容position:fixed属性，无需插件
移动端开发仿app头部底部固定设置position:fixed，android2.2以上已经实现。但是在ios8以下系统，当小键盘**时，都会出现位置浮动问题。如图： 如何解决：查阅资料之后想到一下几种解决方法1，使用position：absolute模拟<script type="text/...
访问网页时，服务器是如何判断当前用户是pc端还是移动端？
访问网页时，服务器是如何判断当前用户是pc端还是移动端？客户端浏览器向服务器发送请求时，会自动携带请求头，服务器后端是可以收到这个请求头的。其中有一个头叫：User-agent(用户代理)。它保存的字符串就可以用来识别当前的浏览器信息。pc端如下：移动端如下：服务器收到不同的请求头，会分析User-...
移动端网站设计参考规范（初稿）
找了一些这方面的资料，都是零零散散的，东西太多看起来比较累人，所以把一些有用的实际数据提炼了出来，仅供参考。一、约定规范团队内部使用相同版本Photoshop，Illustrator文件命名规范“版本号+页面内容+修改最新序号”（例：1.0_产品列表01.psd)PSD文件,图层分组命名，保持一个清...
新手第一次写vue来判断移动端和PC端
新手第一次写vue来判断移动端和PC端1.搭建vue脚手架我就不多说了 vue init webpack 文件名。2.运行npm run dev。3.在APP文件中。我用的是定义一个变量为showPage，通过v-if来进行判断，如果showPage等于1的情况下，那么则会显示为手机端，如果为sho...
VLC搭建流媒体服务器。使用PC端，移动端访问
为什么要写这个，网上的流媒体搭建博文不能用啊，访问自己的流媒体访问不了。查了好多，试了很多次才读取出来。 这个总得写一下的，其实过程跟网上的差不多，但有些细节不做好搭建的流媒体就使用不了了。我就用RTSP方式搭建了，这个UDP一样简单 1.先打开一个VLC作为客户...
利用Chrome进行远程移动端调试
Chrome还可以支持远程移动端调试，方法如下： 1 在开发机器上，按F12打开开发者工具，在开发者工具的右上角选择更多工具(More tools)->检查设备(Inspect devices),见下图 2 利用USB数据线连接个人手机，并在手机上启用...
PC WIFI分享移动热点给手机端，手机代理配置
操作系统是Wn一、PC端开启移动热点二、手机进行连接此热点连接分享出来的热点三、ipconfig查看PC端IP地址标红是与热点同一网段的ip,手机端代理配置，一定要在同一网段Fiddler才能抓到包标蓝是手机不连接PC移动热点时，手机和PC都连接同一个WIFI时，手机端代理配置...
手机移动端展现报表的那些事儿
在各企业中或者电商平台的商家，业务方，每天都有大量的人需要在线查看大量的指标，用于监控、分析关键业务数据的发展趋势。同时，又有着能够随时随地，方便快捷的查看分析数据的诉求。我们习惯于，使用润乾报表在 PC 端或大屏中展现，但是你知道吗？润乾报表 V2018 是以 HTML5 方式输出，不仅支持在 P...
【移动端适配】为什么根元素font-size设置成100px或625%？
rem：是一个相对单位，相对根元素字体大小的单位，再直白点就是相对于html元素字体大小的单位。优点：这样在计算子元素有关的尺寸时，只要根据html元素字体大小计算就好。不再像使用em时，得来回的找父元素字体大小频繁的计算，根本就离不开计算器。首先看下图：html的字体大小设置为font-size:...