禁止文本大小根据设备大小自动调整

2013-12-19 19:03:00

最近在做ios应用页面时,用iPhone的safari打开,发现竖屏的字体显示正常,横屏字体变大网上查了N久,很多人都说在网站头部加上<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>即可解决此问题,后来发现完全没用,无意中在网上找的一个前端网站,测试下OK。现在记录下,权且当做笔记吧,也可以给更多的人分享:在css文件中加上如下代码即可解决此问题:.body{-webkit-text-size-adjust:none;}其实它的作用是:兼容safari 3.0+,chrome 1.0+ 解决字体大小根据设备大小自动调整问题而text-size-adjust:也有几种属性:percentage:字体显示的大小; auto:...

阅读全文

js获取屏幕和网页的大小属性

2013-12-19 18:52:00

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>test</title> <link rel="stylesheet" href=""> </head> <body onload="a()"> <input onclick="set_bgColor();" type="button" value="set_bgColor"> <br> <input onclick="set_bgImg()" type="button" value="set_bgImg"> </input> </br> </input> <script type="text/javascript"> function a(){ document.write( "屏幕分...

阅读全文

jquery 实现双击编辑并保存

2013-12-11 19:47:00

最近在做一个数据修改的例子,一个个点开修改很麻烦,于是就想到ecshop后台里的 只需单击就以编辑了,在网上查阅资料,就想到双击修改,失去鼠标焦点后post执行HTML:<html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>jquery双击编辑并保持</title> </head> <body> <table border="1"> <thead> <tr> <td>标题</td> <td>时间</td> <td>地点</td> </tr> <thead>...

阅读全文

JS查询浏览器信息

2013-12-09 14:08:00

首先需要引入Navigator对象Navigator:检测浏览器的版本、所支持的MIME类型、已安装的外挂程序(plug-in)。该对象包含两个子对象:外挂对象、MIME类型对象。Navigator对象的属性:格式: navigator.属性 appCodeName 代码 appName 名称 appVersion 版本 language 语言 mimeType 以数组表示所支持的MIME类型 platform 编译浏览器的机器类型 plugins 以数组表示已安装的外挂程序 userAgent 用户代理程序的表头 例1:<Script>with (document) { write ("你的浏览器信息:<OL>"); write ("<LI>代码:"+navigator.appCodeName); write ("<LI>名称:"+navigator.appName); write ("<LI&gt...

阅读全文