首先介绍一下概念 devicePixelRatio其实指的是window.devicePixelRatio window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例。 公式表示就是:window.devic ...
分类:
其他好文 时间:
2017-07-01 22:45:20
阅读次数:
263
document.write("屏幕分辨率为:"+screen.width+"*"+screen.height+"<br />"+"屏幕可用大小:"+screen.availWidth+"*"+screen.availHeight+"<br />"+"网页可见区域宽:"+document.body. ...
分类:
Web程序 时间:
2017-06-26 17:16:44
阅读次数:
299
作者: 阮一峰 日期: 2017年5月 9日 今年三月,微软宣布 Edge 浏览器将支持 CSS 变量。 这个重要的 CSS 新功能,所有主要浏览器已经都支持了。本文全面介绍如何使用它,你会发现原生 CSS 从此变得异常强大。 一、变量的声明 声明变量的时候,变量名前面要加两根连词线(--)。 bo ...
分类:
Web程序 时间:
2017-06-20 12:23:51
阅读次数:
187
用来初始化表的大小: 表的大小随着页面的宽度变化: 用来初始化图: 图的大小随着屏幕宽度改变: ...
分类:
其他好文 时间:
2017-06-16 12:48:48
阅读次数:
118
BFC是块级格式化范围。是独立的元素,不会影响其它的元素。 在HTML5中的语义化标签(块级元素)。 display:table本身不产生BFC. display:table-cell的框产生BFC. 响应式界面: width=device-width. 等于屏幕宽度,原始缩放比例:(initial ...
分类:
其他好文 时间:
2017-06-12 14:49:13
阅读次数:
210
滚动视图 <ScrollView android: layout_width="fill_parent" android: layout_height="fill_parent"> </ScrollView> 滚动试图指的是提供一个专门的容器,可以装下多于屏幕宽度的组件,而后采用拖拽的方式 显示所有 ...
分类:
移动开发 时间:
2017-06-07 18:52:52
阅读次数:
270
1.获取手机屏幕宽高: 22.根据屏幕宽度为控件设置动态设置宽高: 注意示例: 我们需要获取Android手机或Pad的屏幕的物理尺寸,以便于界面的设计或是其他功能的实现。下面就介绍讲一讲如何获取屏幕的物理尺寸 下面的代码即可获取屏幕的尺寸。 在一个Activity的onCreate方法中,写入如下 ...
分类:
移动开发 时间:
2017-05-31 12:09:55
阅读次数:
263
记录了2017年5月下旬刚毕业时面试的经典面试题 布局方面 1. 响应式布局,左侧栏目固定,右侧内容随着屏幕宽度变化而变化(高频) flex布局 position布局 css3计算宽度 float布局 flex布局 右侧div设置flex:1 自动填充满容器。 position布局 用pading将 ...
分类:
Web程序 时间:
2017-05-29 19:55:11
阅读次数:
190
html 手机web超出屏幕宽度的内容不换行,并产生横向滚动条 white-space: nowrap;overflow-x: scroll; white-space: nowrap;overflow-x: scroll; ...
分类:
移动开发 时间:
2017-05-17 13:54:19
阅读次数:
223
首先呢,我们将iPhone手机的相关数据表示如下 我们要理解很多东西,比如逻辑分辨率、物理分辨率、缩放因子、ppi等,这里先不讨论。 首先呢,我们先介绍下各个屏幕宽度: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHe ...
分类:
Web程序 时间:
2017-05-12 15:38:20
阅读次数:
200