移动设备 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