HTML与BootStrap基本结构示例
来源:互联网 发布:北大青鸟软件学费 编辑:程序博客网 时间:2024/06/05 12:58
The latest design and development standards:
- Using an HTML5 doctype
- Forcing Internet Explorer to use its latest rendering mode
- And, utilizing the viewport meta tag.
什么是Viewport ?
手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,让网页开发者来控制 viewport 的大小和缩放,其他手机浏览器也基本支持。
0x00 HTML 基本结构
<!DOCTYPE html><html lang="en"> <head> <!-- Required meta tags always come first --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="x-ua-compatible" content="ie=edge"> </head> <body> <h1>Hello, world!</h1> </body></html>
0x01 BootStrap基本结构
<!DOCTYPE html><html lang="en"> <head> <!-- Required meta tags always come first --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css"> </head> <body> <h1>Hello, world!</h1> <!-- jQuery first, then Bootstrap JS. --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js"></script> </body></html>
0 0
- HTML与BootStrap基本结构示例
- Bootstrap-sass<1>安装与基本结构
- Bootstrap-sass<1> 安装与基本结构
- bootstrap的基本结构
- bootstrap基本html 模板
- 【html】第一章html概述与基本结构,html是什么
- HTML基本组成结构与标签
- HTML的文档结构与基本语法
- html基本结构
- html基本结构
- HTML 基本结构
- html基本结构
- HTML基本结构
- HTML 基本结构
- HTML基本结构
- html文件基本结构
- Html的基本结构
- Html的基本结构
- 使用Spring+CXF开发WebService,使用注解方式
- Win10/UWP开发:让你的App使用上扫描仪
- php使用memcached详解
- Android视图状态及重绘流程分析,带你一步步深入了解View(三)
- memcached 增删改查操作
- HTML与BootStrap基本结构示例
- static的详细理解
- iOS 圆形按钮(或图片)
- 正态分布的前世今生(一)
- 有时候,我们为什么对陌生人态度更好?
- 13个jQuery操作table常用到的功能
- 荀子劝学篇
- tomcat蛋疼的post字符串乱码问题
- Android自定义View的实现方法,带你一步步深入了解View(四)