一、移动端适配 方法一：viewport自适应屏幕宽度 在html中创建meta标签：页面的宽度等于屏幕的宽度。 方法二：框架搭建页面 二、移动端问题 （1）、1px 边框 方法一：伪元素 + transform 实现 方法二：view + rem 实现 （2）、移动端布局方式 方法一：响应式布局 ...
分类：
移动开发 时间：
2018-05-09 00:00:00
阅读次数：
270
手机前端适配有很多中方式，比如 zoom transferform 等比缩放，比如自适应，更换布局。字体适配也有很多种，甚至js去设置的
分类：
移动开发 时间：
2018-05-02 11:14:27
阅读次数：
222
Flexslider具有以下特性： 支持滑动和淡入淡出效果。 支持水平、垂直方向滑动。 支持键盘方向键控制。 支持触控滑动。 支持图文混排，支持各种html元素。 自适应屏幕尺寸。 可控制滑动单元个数。 更多选项设置和回调函数。 HTML代码： 我们使用了.flexslider来包括所有需要滚动的内 ...
分类：
其他好文 时间：
2018-02-18 17:59:40
阅读次数：
194
在自适应屏幕里通过JQ来获取宽高并赋给需要的div。 var height = document.documentElement.clientHeight; var width =document.documentElement.clientWidth; $(".content").css('hei ...
分类：
其他好文 时间：
2018-01-28 19:08:05
阅读次数：
96
一张清晰漂亮的背景图片能给网页加分不少，设计师也经常会给页面的背景使用大图，我们既不想图片因为不同分辨率图片变形，也不希望当在大屏的情况下，背景有一块露白，简而言之，就是实现能自适应屏幕大小又不会变形的背景大图，而且背景图片不会随着滚动条滚动而滚动。 以下是用CSS实现的方法： HTML： CSS： ...
分类：
Web程序 时间：
2017-12-23 11:52:01
阅读次数：
190
此css作用为将下面div结构中的Container-fluid背景自适应屏幕，content自适应居中 1、Div结构 all Head Container-fluid Content Under <div id="all"> <div class="head" style="height: 81 ...
分类：
Web程序 时间：
2017-09-20 11:55:16
阅读次数：
252
Document rem的使用：根据屏幕大小自动改变字体大小 ...
分类：
其他好文 时间：
2017-09-04 17:49:34
阅读次数：
152
最近几年随着响应式布局的发展，一次开发多次使用，自适应屏幕的响应式网站的需求越来越多。但是怎样使得网站能自适应屏幕呢？这里就需要提到一个css3里面新增的技术了-media媒体查询器。 那么什么是media媒体查询器呢？ Media媒体查询器是CSS3新增的一个可以检测打开网站的终端的屏幕分辨率的技 ...
分类：
Web程序 时间：
2017-08-31 12:54:03
阅读次数：
260
如果说宽高自适应那么大家可能会想到 但是如果我要自适应的同时还要变成矩形呢？（高度和宽度相等而高度不能写死） 那就要实现如下的黑科技了 根据w3c 标准，当padding值为 100% 时 其相等于元素自身的宽度，所以把padding-top 或者 padding-bottom 为 100% 的时候 ...
分类：
Web程序 时间：
2017-08-17 14:39:59
阅读次数：
135
