原文:如何通过js和jquery获取图片真实的宽度和高度1、什么时候需要获取图片真实的宽度和高度 在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。然后判断过后给予不同的展示方式! 另外一种就是在手机页面上,在新闻页插入的图片往往都是按照图片的原尺寸来展示,如果手机屏幕太...
分类:
Web程序 时间:
2014-09-25 03:19:28
阅读次数:
280
1、什么时候需要获取图片真实的宽度和高度 在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。然后判断过后给予不同的展示方式! 另外一种就是在手机页面上,在新闻页插入的图片往往都是按照图片的原尺寸来展示,如果手机屏幕太小,太大的图就会超出去!这时候有两种解决办法1)给所有的...
分类:
Web程序 时间:
2014-09-24 12:56:16
阅读次数:
272
尝试了好多方法,刚开始想用bluestacks调试手机页面,不过在打开chrome的时候,会黑屏,什么也看不了。最后又是更新android系统,又是卸掉bluestacks重新安装,怎么都不行。最后没办法弃用bluestacks,改用Genymotion。这样就可以在pc上模拟真机环境调试移动端样式...
分类:
移动开发 时间:
2014-09-23 02:50:03
阅读次数:
410
最近的移动端项目终于告一段落了,其中遇到了不少问题,在此和大家总结分享。首先,说一下结构。一般的手机页面大致可以分为五块:head, content, foot,solidbar,dialog. 针对这种布局,在此提供一种方式,这种方式使用了css3的一些样式属性。代码如下: 1 2 3 4 ...
分类:
移动开发 时间:
2014-09-20 23:57:29
阅读次数:
1143
很多网站都通过User-Agent来判断浏览器类型,如果是3G手机,显示手机页面内容,如果是普通浏览器,显示普通网页内容。 谷歌Chrome浏览器,可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访问3G手机网页:....
分类:
移动开发 时间:
2014-09-15 17:10:09
阅读次数:
197
当用户访问你网站时,如果是PC端访问,则不作处理,如果是手机或者平板访问,就跳转到自己定义的手机页面去,这个在做webapp的时候经常用到,把代码分享给大家,希望对大家有所帮助。首先,你要在页面中引用一个jsuaredirect.js,js源码如下:function uaredirect(f){tr...
分类:
移动开发 时间:
2014-08-26 15:09:46
阅读次数:
248
--> --> --> --> -->营销活动 --> 222 --> ...
分类:
移动开发 时间:
2014-08-25 19:10:34
阅读次数:
261
前两天发现手机页面的倒计时在Android上正常显示,在iPhone却不能显示。后来又发现在ff和ie里也不显示。(以前只在chrome里看过,显示正常)。后来同事改了new Date()里字符串的格式,就都正常显示了。我们知道Android和chrome都是webkti内核,难道和这个有关?于是打...
分类:
其他好文 时间:
2014-08-15 17:33:49
阅读次数:
190
1. 伪类 :after 1. 清楚浮动div:after{ overflow:hidden; } 2. 制作三角形div:after{ content:''; display:block; width:0; border-top:8px solid #000; border-left:8p...
分类:
移动开发 时间:
2014-08-13 12:56:26
阅读次数:
234
wap手机页面自动适应手机屏幕宽度大|中|小2012/08/25 17:51 ,mdyCss 重构,评论(0),阅读(5969), Via 本站原创Tags:wap页面自适应宽度,手机页面宽度,wapview plainprint?view plainprint?在网页的中增加以上这句话,可以让网....
分类:
移动开发 时间:
2014-07-24 22:46:33
阅读次数:
306