1.rpx 是微信小程序解决自适应屏幕尺寸的尺寸单位。微信小程序规定屏幕的宽度为750rpx。 无论是在iPhone6上面还是其他机型上面都是750rpx的屏幕宽度,拿iPhone6来讲,屏幕宽度为375px,把它分为750rpx后, 1rpx = 0.5px。 微信小程序同时也支持rem尺寸单位, ...
分类:
微信 时间:
2018-11-27 12:28:40
阅读次数:
168
css页面布局实现,内容部分自适应屏幕,当内容高度小于浏览器窗口高度时,页脚在浏览器窗口底部;当内容高度高于浏览器窗口高度时,页脚自动被撑到窗口底部。 css如下: <style type="text/css"> * { margin: 0; padding: 0; box-sizing: bord ...
分类:
Web程序 时间:
2018-10-25 15:45:06
阅读次数:
203
CSS实现自适应不同大小屏幕的背景大图的两种方法 一张清晰漂亮的背景图片能给网页加分不少,设计师也经常会给页面的背景使用大图,我们既不想图片因为不同分辨率图片变形,也不希望当在大屏的情况下,背景有一块露白,简而言之,就是实现能自适应屏幕大小又不会变形的背景大图,而且背景图片不会随着滚动条滚动而滚动。 ...
分类:
Web程序 时间:
2018-10-20 11:50:29
阅读次数:
282
% 百分比 in 英寸 cm 厘米 mm 毫米 em 1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。 例如,如果某元素以 16px 显示,那么 2em 是32px。 在 CSS 中,em 是非常有用的单位,因为它可以自动适应用户所使用的字体。 ex 一个 ex 是一个字体的 x-he ...
分类:
Web程序 时间:
2018-10-15 23:24:35
阅读次数:
312
一个包含上头部、下部模块(包含左右两边模块:侧边栏、内容区域)的页面 前提条件,内容区域: 1、元素高度需要自适应屏幕高度 2、里面内容足够长时,可以滚动 3、包含了一个iframe嵌入的内容很长的页面 问题: 不要滚动内容区域时出现双滚动条 解决方案: 1、内容高度设置为body的高度-头部高度 ...
分类:
其他好文 时间:
2018-09-19 11:34:34
阅读次数:
1505
最简单使用Canvas元素: <canvas width="300" height="300"></canvas> 这样就创建出一个空白画布。 但是这样创建出的画布不能随着浏览器窗口大小的改变而动态的改变画布的大小。而这一点往往又非常重要, 因为我们会经常改变浏览器窗口大小,不会一直保持某个固定的大 ...
分类:
Web程序 时间:
2018-09-18 11:09:26
阅读次数:
156
Rectangle rect = new Rectangle(); rect = Screen.GetWorkingArea(this); this.Width = rect.Width;//屏幕宽 this.Height = rect.Height;//屏幕高 this.ControlBox = ... ...
分类:
Windows程序 时间:
2018-09-06 16:19:12
阅读次数:
1124
bootstrap做登入注册页面,使用validate做表单验证 技术:bootstrap,font-awesome,jquery-validate; 特点:响应式布局,表单验证(用户两次密码是否相同,必填信息是否填写)背景图片自适应屏幕大小; 宗旨:从实战中学知识。 个人主页:http://www ...
分类:
其他好文 时间:
2018-06-17 11:02:20
阅读次数:
251
响应式是指一个网站能兼容多个终端,响应式图片即是,图片大小能自适应屏幕(比例不变) ...
分类:
其他好文 时间:
2018-05-20 16:46:33
阅读次数:
189