PC端************ 按屏幕宽度大小排序（主流的用橙色标明） 分辨率 比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280*1024(比例：5：4 | ...
分类：
其他好文 时间：
2019-03-19 10:35:24
阅读次数：
1282
max-device-width和max-width的区别 max-device-width和max-width是有区别的，表现在如下几个方面： 1、max-device-width是设备整个显示区域的宽度，例如，真实的设备屏幕宽度。 2、max-width是目标显示区域的宽度，例如，浏览器宽度。 ...
分类：
其他好文 时间：
2019-03-03 00:04:31
阅读次数：
184
flexible.js方案 1、设置根元素字体大小为屏幕宽度的十分之一。 2、即根元素字体大小与屏幕宽度的比例为：1/10。 jQuery.weui的rem设计方案 1、以屏幕宽度375px为基础，根元素字体大小为20px。 2、大于375px的屏幕宽度，根元素字体大小等比例放大。 3、即根元素字体 ...
分类：
其他好文 时间：
2019-02-25 00:22:31
阅读次数：
196
100%还原设计图，要注意： 看布局，分析结构。 感觉难点在于： 1.测量精度（ps测量数据）； 2.文字的行高。 前段时间写个移动端适配的页面（刚接触这方面），查了一些资料，用以下方法能实现： 1.设置理想视口： 自动适应屏幕宽度 ：网页的宽度默认等于屏幕的宽度 <meta name="viewp ...
分类：
移动开发 时间：
2019-02-12 11:39:43
阅读次数：
189
摘自：https://blog.csdn.net/lesouls/article/details/81454568 第一步：在网页代码的头部，加入一行viewport元标签（1）viewport是网页默认的宽度和高度，上面这行代码的意思是：网页宽度默认等于屏幕宽度 （width=device-wid ...
分类：
Web程序 时间：
2019-01-12 12:03:42
阅读次数：
239
直接调用代码即可，不过不同屏幕宽度要求会不同，相应修改一下就ok了 ...
分类：
Web程序 时间：
2019-01-07 01:45:14
阅读次数：
184
以正确的宽度在剧中的“盒子”内打印一个句子 分析： 定义屏幕宽度为80，输入的句子长度为26，盒子宽度=句子长度+6=26+6=32； 左边距=右边距，左边距+右边距+盒子宽度=屏幕宽度； 左边距=（屏幕宽度-盒子宽度）/2=（80-32）/2=24； 格式输出： 盒子四个角为+号，左面是空格，右面 ...
分类：
其他好文 时间：
2018-12-30 23:19:39
阅读次数：
192
随着移动设备的普及，移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁，手机厂商繁多，导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我们在编写前端界面时增加了困难，适配问题在当下显得越来越突出。记得刚刚开始开发移动端产品的时候向设计MM要了不同屏幕的设计图，结果可想而知 ...
分类：
Web程序 时间：
2018-12-26 22:18:32
阅读次数：
198
微信小程序如何获取屏幕宽度 方法1： 方法2： CSS3引入的”vw”和”vh”基于宽度/高度相对于窗口大小 ”vw”=”view width”“vh”=”view height” 以上我们称为视窗单位允许我们更接近浏览器窗口来定义大小。 转:https://blog.csdn.net/kerryq ...
分类：
微信 时间：
2018-12-14 14:59:25
阅读次数：
368
