网上抄来了,自己也备忘下:增加<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,target-densityDpi=device-dpi"> 参数说明: target-densitydpi=device-dpi,指定屏幕像素密度DPI,device-dpi…

transform:rotate 属于简单好用的效果,但在手机上显示时,会有比较明显锯齿. 解决方案也很简单, 利用外层容器的overflow:hidden 加上图片margin:-1px 就可以解决. 原理没去深究,理论上是矢量跟位图的处理不一样,这个方案也有个小问题 就是图片变小了 ^_^ 可以用手机看看demo http://labs.aoao.org.cn/demo/transform-rotate/ update: 大家反应这方案在电脑上反而会出问题. 我测试了个新的方案rotate3…

引言 用Qt程序在手机上显示一幅图片对编程人员来说是再基础不过的一件事情了.那么先让大家看两段代码: //dangerous should not be used, cannot display earth.png, //but if we change earth.png to a smaller image e.g. apple.png, apple.png can be displayed QPixmap pixmap; pixmap.load( ":/pics/earth.png&quo…

参考:http://www.browsersync.cn/#install 首先全局安装BrowserSync : npm install -g browser-sync 其次在项目文件夹下运行: browser-sync start --server --files "css/*.css, *.html" 用以监听css和html文件,该文件夹下最好有index命名的html文件 运行完成后会跳出如下页面: 我的url是我自己已经设置好了的,显示的是电脑ip,地址栏默认其实是显示lo…

做页面的时候我们做好pC端页面时,因编辑那边需求,在手机端页面也应该是缩小版,不能乱的.在网上找了各种解决方案,经实验,这种是可以的: 在head里边加上这两句meta  <meta name="apple-mobile-web-app-capable" content="yes">  <meta name="apple-mobile-web-app-status-bar-style" content="white&q…

在学习Android过程中,用于测试时发现,代码中的中文在真机上会显示乱码, 网上查阅了些资料,参考如下: http://www.androidchina.net/3024.html http://blog.csdn.net/sljjyy/article/details/11976099 这些方法都是他人实践总结出来的,但是未能解决我的实际问题, 困扰许久,最后在一位网友的提示的下将文件右键的File Encoding 改为UTF-8,问题得以解决, 1.在打开的文件中,鼠标右键 2.将编码方式…

前一段就发现有这种问题.就是在开发的电话查询里更新的信息,可是在精灵对话窗体上显示的还是原来的信息.这样导致从新开发入口更新信息就不能使用.一開始还以为是厂家升级,变更了存储的表结构.感觉下载近期的升级包都装上.可是发现库结构没有什么变化. 细致看了一下,原来web开发部分与精灵显示确实从机制上有些差别,web不说,精灵的数据採用了一种缓存机制,我想通达这种设计主要还是为了避免反复读取数据库,能够减轻server压力. 找到原因后依照这种思路也同步更新缓存数据后,精灵显示内容也与web一致了,O…

最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便 样式一 一.目标样式 我们要实现上图中的效果,需要如下的操作: 1.从工具栏上的"Smobiler Components"拖动一个一个TableView控件到窗体界面上 2.修改GridView控件的属性 a.load事件代码 VB: Private Sub TestTableView_Load(sender As Object, e As EventArgs)Handle…

先来个兼容性说明,洗洗脑: div{transform:rotate(7deg);-ms-transform:rotate(7deg); /* IE 9 */-moz-transform:rotate(7deg); /* Firefox */-webkit-transform:rotate(7deg); /* Safari 和 Chrome */-o-transform:rotate(7deg); /* Opera */} 1.来自[作者:梦幻神化]的blog: 使用CSS3 3D transf…

一个web页面既要在宽屏上显示,又要在窄屏上显示,既要在电脑上显示,又要在手机上显示,这个适配问题相当的麻烦. 其实解决电脑与手机的适配问题,一般有两个思路:一个是做判断,根据不同条件在css和js做相应的修改,一个是直接做两版,手机版和电脑版,手机版略精简. 1.宽屏与窄屏 由于现在宽屏电脑越来越频繁,所以如果再将内容宽度设为960就太不能满足要求了,所以将内容宽度设了两版分别为1190px和960px. 所有内容的外面包一个<div class="width-broad" i…