如何使用蓝湖设计稿同时适配PC及移动端 项目需求: 一套代码同时适配PC及移动端 方案: pc端采用px布局,移动端采用rem布局,通过媒体查询(media query)切换 坑: 尝试过使用postcss-pxtorem来自动将px转换rem, 只能满足移动端,无法同时适配PC及移动端,感觉PC端还是使用固定像素px来布局好一点 PC端 设计稿尺寸1920*1080 为了设备不同分辨率的屏幕,可选择将设计稿宽度设置为1440 采用固定尺寸,固定字体,伸缩布局 如果是官网类的网站,采用固定宽度(

项目进行中...随时更新 这里记录了一些手机端调试的方式 一 css 1.文字超过span宽度显示...(单行文字) .topWrap .introduce span { padding: 0 17px; display: inline-block; border-radius: 5px; height: 18px; line-height: 18px; margin-top: 15px; max-height: 18px; max-width: 90%; white-space:nowrap;

手机端照片预览组件 可怜的我用着华为3C手机,用别人现成的组件都好卡,为了适应我这种屌丝,于是自己简化写了一版的照片预览效果,暂时无缩放功能,以后可能有空再加吧,你也可以自己加下,这是个github上的开源项目.它的github地址是:https://github.com/tianxiangbing/mobile-photo-preview 下面是预览图,它的完整demo请点击这里手机端照片预览组件demo 使用方法案例: var photoPreview = new MobilePhotoPr

暂时写下来下面记录整个网站制作流程,由于是边学便用,代码质量和性能不能保证,仅仅为之前没做过的朋友提供个小小的参考: 下面先贴出网站,记得用手机或者[Opera Mobile Emulator]打开,静态页预览:jzdst.sinaapp.com 一.静态页 准备好网站的首页.列表页.内容页三个静态页面,一定是在手机浏览器下测试,如果手机不方便可以使用[Opera Mobile Emulator]进行测试,不过测试中发现会出现乱码,所以最好隔一段时间在手机端测试一次. 二.安装WordPress

1.接入网络:需要在移动终端(手机或pad)上指定代理服务器为Fiddler所在主机的IP,端口默认为8888,要保证手机和安装有fiddler的电脑处在同一局域网内,手机能ping通电脑. [方法]:家用或办公环境把PC和手机WLAN连接上同一个路由器的无线SSID获取到同一网段内的IP地址即可.台式机要插入无线网卡才能连WiFi,最好用笔记本电脑和手机连同一WiFi很方便. 由于我现在用的是夜神模拟器,也是安装在同一台PC上,所以模拟器和Fiddler所在PC肯定是同一网段的 [步骤]:进入

什么是rem 参照 web app变革之rem 在我看来,rem就是1rem单位就等于html节点fontsize的像素值.所以改变html节点的fontsize是最为关键的一步.根据手机宽度改变相对大小就可以实现自适应了,就不用什么媒体查询那些的. 我们的设计图往往宽度是640或者其他尺寸的,不过我建议是用这个尺寸,以640为基准,以小到大,实现自适应,下面实现的比例为1rem=40px(640宽度). 为什么这样搞? 这样一套代码就搞定手机端尺寸自适应,不需要媒体查询,而且利用Sass和Le

什么是rem 在我看来,rem就是1rem单位就等于html节点fontsize的像素值.所以改变html节点的fontsize是最为关键的一步.根据手机宽度改变相对大小就可以实现自适应了,就不用什么媒体查询那些的. 我们的设计图往往宽度是640或者其他尺寸的,不过我建议是用这个尺寸,以640为基准,以小到大,实现自适应,下面实现的比例为1rem=40px(640宽度). 为什么这样搞? 这样一套代码就搞定手机端尺寸自适应,不需要媒体查询,而且利用Sass和Less能够给我们节约更多的时间,以及

对于ECSHOP来说,支付是以接口的形式存在的.于是: 1:首先添加接口文件 includes\modules\payment下,增加abcbank.php,代码如下: <?php /** * ECSHOP 农行在线插件 * $Author: 嘉兴科蓝软件有限公司 * QQ 32974283 */ if (!defined('IN_ECS')) { die('Hacking attempt'); } $payment_lang = ROOT_PATH . 'languages/' .$GLOBA

frozenui一款腾讯开发的简化版Bootstrap,只用于手机端 http://frozenui.github.io/ https://github.com/frozenui/frozenui zepto.js专注于手机端开发的js库 http://www.zeptojs.cn/            官方文档 http://www.css88.com/doc/zeptojs/         在线文档

JS前端开发判断是否是手机端并跳转操作(小结) 这篇文章主要介绍了JS前端开发判断是否是手机端并跳转操作,非常不错,具有参考借鉴价值,需要的朋友可以参考下 常用跳转代码 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 <script type="text/javascript">  // borwserR

把供手机端调用的web服务完成,接下来实现手机端调用webservices获取数据 1.新建firemonkey mobile application 2.选择blank application 3.这里选择分辨率,我用的手机是三星的p3100,没别的优点 就是大,7寸的屏,我女儿管这个叫平板手机  O(∩_∩)O~ 4.界面布局摆放如下: 5.绑定数据集 xe5中使用livebingding来绑定数据集,没有datasource属性了,理论上所有的控件都可以绑定数据集. 先在clintdata

一.官网下载Charles安装包: https://www.charlesproxy.com/download1.下载对应版本 我这里下载的是 win 64 bit (下载完解压,双击打开charles.exe程序) 2.点击 Help-SSL Proxying-Install Charels Root Certificate,弹出对话框 点击安装 3.安装证书 点击安装证书 如图 点击第二项‘将所有证书放入下列存储’ 点击浏览选择第二项‘受信任的根证书颁发机构’ 再点击确定 下一步 会跳出安装

首先,你得安装fiddler,这是前提条件,手机抓包有必须条件: 需要保持电脑和手机在同一个局域网中 (这一点,我一般会在电脑上启动一个wifi,然后手机连接即可) 下面说一下如何配置: 手机连接电脑开启的wifi后,需要配置手机端的wifi,步骤如下: 1.现在电脑端查看电脑的IP是多少,用win+R打开运行,输入cmd,进入命令行,输入ipconfig查看电脑的ip 2.打开手机的  设置->wifi,点击你连接的wifi(部分手机为长按,点击修改网络,方式因手机而定) 3.调整代理为手动,

一.移动手机端配置 (1)VS打开文件夹iAnyWhere,配置config文件 (2)BPM-Web文件config中设置(设置为外网网址) 二.BPM设置 勾选移动审批可以设置要展示的字段信息,修改标签名称可以显示中文名 流程中审批人员必须选中“手机上审批” 三.IIS发布 (1)添加应用程序 (2)填写信息 四.手机端配置 手机下载iAnyWhere 设置IP(内网为同一个局域网)

1.所需软件说明 百度云下载链接: https://pan.baidu.com/s/1-TEQZP9QbJSlGSYedyAUFw密码: 2z8l 或者官方链接: Hbuilder:http://www.dcloud.io/ 夜神模拟器:https://www.yeshen.com/ 1.1 Hbuilder HTML开发工具,强大的代码助手帮你快速完成开发,当中对于大众来说最友好的可能是它所具有的的提示功能以及官方文档的代码块功能,它提供给了我们完善的组件,帮助我们快速开发相应的功能块 1.2

在java web开发中,不同浏览器对下载文件的格式有不同的要求,有时会出现视频,音频等文件无法下载的问题.我在开发中,也遇到类似的问题,觉得很苦恼. 经过百度和请教学习,得到2个解决方案. 首先得到一个不太好的解决方案,如下:(本方法仅针对手机端UC浏览器) 调整一下UA.关闭云端加速及极速模式步骤: (1)点击红色(点击处) (2)点击设置 (3)进入如下页面: (4)点击更多,进入如下页面: (5)点击“极速/省流”,进入如下页面,关闭“云端加速”和“极速模式” (6)返回进入步骤(4)的

电脑端可以通过Fiddler监听手机端的http请求.需要两个步骤:首先配置Fiddler,再配置手机端. 1 配置 Fiddler 允许远程设备连接: 菜单Tools - Telerik Fiddler Options - Connections - 勾选 Allow remote computers to connect. 保存成功后重启Fiddler才生效. 鼠标移至Fiddler窗口[dinghanhua]右上方 Online上,获取本机ip,等下配置手机端时会用到. 2  配置ipho

今天写完这个,就是DT6.0最后开放的插件,因为群里的朋友需要,就写了一个适合DT6的手机端定时插件.不过个人还是喜欢7.0的版本,7.0的插件在上几期分享了,今天就不过多说了! 我这个是初成品,改善可以自己增强改善. <?php /* 百度当天主动推送熊掌功能 作者:68喜科技 用于:DT6.0 功能模块:行业信息模块按时间推送-熊掌号 开发时间:2018-8-2 */ //引入错误显示 error_reporting(E_ERROR | E_WARNING | E_PARSE); //引入全

提交申请逻辑开发 1.添加父级对象引用(从父级对象中获取前端输入框的值) 1.设计数据库表(表名和字段名称不能用中文) 2.设计置数据库主键(可设联合主键) 3.传值形成数据实列处理 4.服务器端处理  5.子逻辑刷新处理(保存完输入的申清信息后对输入框进行刷新处理,刷新后输入框为空值状态) 请假记录手机端页面逻辑处理 1.查询所有记录(预处理优先处理) 2.转换后显示到表格中(记录对象转换成表格对象) ==============================================

手机端的设计 1.页面说明 2.默认页面===>提交请假单(上面页面双击进入,页面主要编辑区) 2.1默认页面===>提交请假单===>头部区(页面部份主要编辑区01) 2.1.1默认页面===>提交请假单===>头部区===>我的请假记录(点这个按钮将跳转到我的请假记录页面) 2.1.2改变按钮样式说明  2.1.3默认页面===>提交请假单===>头部区===>我的请假记录===>On Click(点击这个按钮跳转到我的请假记录表页面,这里我

手机端rem简单配置相关 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head runat="server"> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <meta name=&q