首先呢，我们将iPhone手机的相关数据表示如下 我们要理解很多东西，比如逻辑分辨率、物理分辨率、缩放因子、ppi等，这里先不讨论。 首先呢，我们先介绍下各个屏幕宽度： 下面，我将分别在不同设备上的演示后的结果截图如下： iPhone5 iPhone6 iPad PC 那么大家根据这些，多理解理解这 ...
分类：
Web程序 时间：
2020-02-07 11:14:17
阅读次数：
97
1.px，em，rem，rpx px：像素，是相对于显示器屏幕分辨率而言 em：相对于当前对象内文本的字体尺寸。body{font-size:62.5%} rem：相对于HTML根元素。html{font-size:62.5%} rpx：小程序自适应屏幕尺寸。小程序规定屏幕宽度为750rpx。 2. ...
分类：
Web程序 时间：
2020-02-06 23:12:08
阅读次数：
121
WXSS和CSS： WXSS(WeiXin Style Sheets)具有CSS大部分特性。同时为了更适合开发微信小程序，WXSS对CSS进行了扩充以及修改。主要体现在两个方面： 1, 尺寸单位。2, 样式导入。 rpx尺寸单位： 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在iPhon ...
分类：
微信 时间：
2020-02-04 22:09:14
阅读次数：
125
co ntainer：固定960px宽度，（如果又引入了响应式样式，则会适当调整，例如1600*900，它会显示1200px） container-fluid:自适应屏幕宽度，即满屏显示。 row和col可以参考一下：https://blog.csdn.net/yzy85/article/detai ...
分类：
编程语言 时间：
2020-01-29 12:48:36
阅读次数：
93
转自：http://www.cnblogs.com/consta... 前言 随着移动设备的普及，移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁，手机厂商繁多，导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我们在编写前端界面时增加了困难，适配问题在当下显得越来越突出 ...
分类：
Web程序 时间：
2020-01-19 18:58:46
阅读次数：
95
介绍在css2当中，存在标准模式下的盒子模型和IE下的怪异盒子模型。这两种方案表示的是一种盒子模型的渲染模式。而在css3当中，新增加了弹性盒子模型，弹性盒子模型是一种新增加的强大的、灵活的布局方案。弹性盒子模型是css3中新提出的一种布局方案。是一种为了应对针对不同屏幕宽度不同设备的一整套新的布局方案。主要是对一个容器中的子元素进行排列、对齐和分配空白空间的方案的调整。新旧版本的弹性盒子模型在之
分类：
Web程序 时间：
2020-01-17 10:09:41
阅读次数：
106
有时候我们会纠结PC页面在手机页面上无法正常显示，超出屏幕，有些内容看不到，现在又了下面的代码，可以做到自适应手机屏幕宽度： 在网页的<head>中增加一个meta标签： <meta name=”viewport” content=”width=device-width, initial-scale ...
分类：
移动开发 时间：
2020-01-10 00:54:53
阅读次数：
166
原文:[UWP]XAML中的响应式布局技术 响应式布局的概念是一个页面适配多个终端及不同分辨率。在针对特定屏幕宽度优化应用 UI 时，我们将此称为创建响应式设计。WPF设计之初响应式设计的概念并不流行，那时候大部分网页设计师都按着宽度960像素的标准设计。到了UWP诞生的时候响应式布局已经很流行了，... ...
分类：
其他好文 时间：
2020-01-06 13:00:26
阅读次数：
105
简单介绍： wxParse是一个templet组件，Html代码转化成小程序的标签，目的是解决需要兼容手机端、小程序端的HTML内容。 文件有： 使用方法：js页 wxml页 wxss页 下载文件： https://github.com/icindy/wxParse 如何给图片设置真实的宽高？wxP ...
分类：
微信 时间：
2019-11-29 00:30:22
阅读次数：
284
媒体查询 ：即在不同屏幕的客户端下，显示效果不同。因为考虑屏幕大小不同，对布局要求有不同； /*屏幕宽度大于800px*/ @media screen and (min-width: 800px){ .box{ width:200px; height: 300px; background-color ...
分类：
其他好文 时间：
2019-11-28 19:35:10
阅读次数：
101
