移动设备 viewport：能优化移动浏览器的显示。如果不是响应式网站，不要使用initial-scale或者禁用缩放。 大部分4.7-5寸设备的viewport宽设为360px；5.5寸设备设为400px；iphone6设为375px；ipone6 plus设为414px。 WebApp全屏模式： ...
分类：
Web程序 时间：
2016-12-19 13:59:28
阅读次数：
274
最近在接触对移动浏览器很友好的bootstrap，遂整理了一点笔记： 简单的html页面： <!DOCTYPE html><html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width= ...
分类：
其他好文 时间：
2016-12-06 03:10:24
阅读次数：
201
百度前端技术学院第一阶段任务十一，关于移动端WEB页面布局，参考资料如下（都是一些网页链接）： MDN:手机网页开发 MDN:在移动浏览器中使用viewport元标签控制布局 移动前端开发和 Web 前端开发的区别是什么 Alloyteam移动开发规范概述 手机/移动前端开发需要注意的20个要点 w ...
分类：
移动开发 时间：
2016-11-30 17:04:12
阅读次数：
239
html5，这个应该就不需要多作介绍了，只要是开发人员应该都不会陌生。html5是「新兴」的网页技术标准，目前，除IE8及其以下版本的IE浏览器之外，几乎所有主流浏览器(FireFox、Chrome、Opera、Safari、IE9+)都已经开始支持html5了。除此之外，在移动浏览器市场上，众多的 ...
分类：
Web程序 时间：
2016-11-21 23:36:48
阅读次数：
278
scrollreveal.js是一款可以轻易实现桌面和移动浏览器元素随页面滚动产生动画的js插件。该插件通过配置可以在页面滚动，元素进入视口时产生炫酷的动画效果，同时还支持元素的3D效果，非常的实用。 安装 可以通过npm或bower来安装scrollreveal.js插件。 1 2 npm ins ...
分类：
移动开发 时间：
2016-11-17 15:59:16
阅读次数：
664
1.jquery要在Bootstrap之前引用 2.在之前对各个设备的宽度引用，viewport控制网页的大小和缩放。初始化移动浏览器的宽度（<meta name=”viewport” content=”width=device-width ,initial-scale=1”。 3.内容 Class ...
分类：
其他好文 时间：
2016-11-09 10:49:08
阅读次数：
225
在这个迷你系列的文章里边我将会解释viewport，以及许多重要元素的宽度是如何工作的，比如<html>元素，也包括窗口和屏幕。 这篇文章我们来聊聊关于移动浏览器的内容。如果你对移动开发完全是一个新手的话，我建议你先读一下第一篇关于桌面浏览器的文章，先在熟悉的环境中进行下热身。 移动浏览器的问题 当 ...
分类：
Web程序 时间：
2016-09-13 13:23:55
阅读次数：
274
在这个迷你系列的文章里边我将会解释viewport，以及许多重要元素的宽度是如何工作的，比如<html>元素，也包括窗口和屏幕。 这篇文章是关于桌面浏览器的，其唯一的目的就是为移动浏览器中相似的讨论做个铺垫。大部分开发者凭直觉已经明白了大部分桌面浏览器中的概念。在移动 端我们将会接触到相同的概念，但 ...
分类：
Web程序 时间：
2016-09-13 13:14:08
阅读次数：
249
Bootstrap的目标是在最新的桌面和移动浏览器上有最佳的表现，也就是说，在较老旧的浏览器上可能会导致某些组件表现出的样式有些不同，但是功能是完整的。bootstrap3支持的浏览器：Chrome (Mac、Windows、iOS和Android)Safari (只支持Mac和iOS版，Windo ...
分类：
其他好文 时间：
2016-08-26 13:49:33
阅读次数：
201
1、他是一个前端流行的框架，他为我们提供了： css、js、一些图标。 2、安装bootstrap 3、基础的bootstrap模板 这三个meta标签必须放到head标签的最前面。 标签的含义： ①设置htnl文档的编码格式 ②viewport——视口：在移动浏览器中，当页面宽度超出设备，浏览器内 ...
分类：
其他好文 时间：
2016-08-19 14:59:39
阅读次数：
193
