1. 是不是觉得图片太大了?是不是觉得如果图片的尺寸刚好能适应手机屏幕宽度就好棒棒? 其实很简单的,通过Bootstrap,我们只要给图片添加 img-responsive 的class属性,图片的宽度就能自动适配你手机屏幕的宽度啦。 2. Bootstrap除了可以使图片自适应以外,还可以很简单的 ...
分类:
其他好文 时间:
2018-01-29 22:39:26
阅读次数:
315
开发者文档:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html 一.文件结构 小程序包含一个描述整体程序的app和多个描述各自页面的page。 一个小程序主题部分由三个文件组成,必须放在项目的根目录, 如下: app.js 必填 ...
分类:
微信 时间:
2018-01-28 18:17:57
阅读次数:
341
参数 width浏览器可视宽度 height浏览器可视高度 device-width设备屏幕宽度 device-height设备屏幕高度 注:以上可添加前缀max-和min- orientation检测设备处于横向或纵向,可能值:portrait| landscape aspect-ratio检测浏 ...
分类:
其他好文 时间:
2018-01-24 14:09:59
阅读次数:
2036
public class MainActivity extends AppCompatActivity { private TextView kuandu; float curTranslationX; float width; float height; private Button out; p... ...
分类:
移动开发 时间:
2018-01-12 13:38:40
阅读次数:
321
rpx(responsive pixel):可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。建议: 开发微信小程序时设计师可以以i ...
分类:
微信 时间:
2018-01-11 20:37:51
阅读次数:
247
一篇真正教会你开发移动端页面的文章(二) psd图:现在移动端的设计图一般以iphone5(640px)和iphone6(750px)为准,ps左下角放大到100%,看宽度是多少,就是以多少为准。本篇以iphone6(750px为准),其它尺寸道理一样。psd原稿按照设备像素来设计的。 iphone ...
分类:
移动开发 时间:
2018-01-11 19:10:03
阅读次数:
242
微信小程序尺寸单位 rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。 设备 rpx换算成px(屏幕宽度/750) px换算成rpx(750/屏幕宽度) iPhone5 1rpx = 0.42px 1px = 2.34rpx iPhone6 1rp ...
分类:
微信 时间:
2018-01-09 20:27:14
阅读次数:
328
原文链接:https://www.cnblogs.com/MaggieGao/p/6994868.html 一 怎么书写可以适用于不同设备的页面 1 自动适应屏幕宽度 之 viewport --在html中添加meta标签:网页的宽度默认等于屏幕的宽度 扩展viewport属性: 1>width 设 ...
分类:
移动开发 时间:
2018-01-02 21:23:37
阅读次数:
243
问题描述:使用Glide加载RecyclerView的Item中的图片,RecyclerView使用了瀑布流展示图片,但是滚动时图片会不断的加载,并且大小位置都会改变,造成显示错乱。 解决方法:使用瀑布流,我们可以根据要展示的列数来将屏幕宽度等分,从而获得Item的宽度。知道了宽度,那么我们就可以使 ...
分类:
移动开发 时间:
2017-12-27 18:51:01
阅读次数:
267
微信小程序的像素大小使用rpx,rpx换算px屏幕宽度/750。 传统的自适应布局有几种: 响应式,根据屏幕大小配置多个样式文件。 使用em,rem.rem是页面的font-size尺寸,不同的页面设置不同的font-size。 使用百分比或者flex,铺满屏幕,高度字体还使用px. scale通过 ...
分类:
Web程序 时间:
2017-12-04 20:41:11
阅读次数:
210