移动前端第一弹：viewport详解

【移动前端第一弹：viewport详解】的更多相关文章

前端技术之_CSS详解第一天

前端技术之_CSS详解第一天一html部分略.... 二.列表列表有3种 2.1 无序列表无序列表,用来表示一个列表的语义,并且每个项目和每个项目之间,是不分先后的. ul就是英语unordered list,“无序列表”的意思. li 就是英语list item , “列表项”的意思. 你会发现,这是我们学习的第一个“组标签”,就是要么不写,要么就要写一组. <ul><li>北京</li><li>上海</li><li>广州&…

前端技术之_CSS详解第二天

前端技术之_CSS详解第二天 1.css基础选择器 html负责结构,css负责样式,js负责行为. css写在head标签里面,容器style标签. 先写选择器,然后写大括号,大括号里面是样式. <style type="text/css"> body{ background-color: pink; } </style> 常见属性: h1{ color:blue; font-size: 60px; font-weight: normal; text-deco…

前端技术之_CSS详解第三天

前端技术之_CSS详解第三天二.权重问题深入 2.1 同一个标签,携带了多个类名,有冲突: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:…

前端技术之_CSS详解第四天

前端技术之_CSS详解第四天一.第三天的小总结盒模型box model,什么是盒子? 所有的标签都是盒子.无论是div.span.a都是盒子.图片.表单元素一律看做文本. 盒模型有哪些组成: width.height.padding.border.margin. width.height是内容的宽度.高度,想起来丈量包子的比喻.丈量稿纸的比喻. padding,内边距,边框和文字内容之间的距离.padding有颜色.表示方法,能够用padding综合写,4个值“上.右.下.左”,3个值“上.…

前端技术之_CSS详解第五天

前端技术之_CSS详解第五天一.行高和字号 1.1 行高 CSS中,所有的行,都有行高.盒模型的padding,绝对不是直接作用在文字上的,而是作用在“行”上的. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="htt…

前端技术之_CSS详解第六天--完结

前端技术之_CSS详解第六天--完结一.复习第五天的知识 a标签的伪类4个: a:link 没有被点击过的链接 a:visited 访问过的链接 a:hover 悬停 a:active 按下鼠标不松手顺序就是“love hate”准则. 可以简写: 1 a{ 3 } 4 a:hover{ 6 } background系列属性,CSS2.1层面 1 background-color 2 background-image 3 background-repeat 4 background-posi…

学会Git玩转GitHub(第一篇) 入门详解 - 精简归纳

学会Git玩转GitHub(第一篇) 入门详解 - 精简归纳 JERRY_Z. ~ 2020 / 9 / 25 转载请注明出处!️ 目录学会Git玩转GitHub(第一篇) 入门详解 - 精简归纳一.使用GitHub (1).目的 (2).基本概念 <1>.仓库(Repository) <2>.收藏(Star) <3>.复制克隆项目(Fork) <4>.发送请求(Pull Request) <5>.关注(Watch) <6>.事务…

HTML5之Viewport详解

做移动Web开发也有一年多的时间了,虽然手机上浏览器对于PC上来说很友好了,但是手机各种设备的显示尺寸分辨率大小不一也要花大心思兼容它们. 关于HTML5中Viewport的文章Google,百度一搜有很多.记录一些自己理解的内容: Viewport属性详解 Viewport:字面意思为视图窗口,在移动 web 开发中使用.表示将设备浏览器宽度虚拟成一个特定的值(或计算得出)这样利于移动 web 站点跨设备显示效果基本一致. 基础写法: <meta name="viewport"…

移动前端第一弹：viewport详解

前言这次想聊聊移动开发相关的事.是的,你没有看错,一句话就可以开始你的移动前端开发. 你心里一定在想,什么话这么酷,能够瞬间带入到移动前端开发的世界. 但其实它一点也不新奇,不复杂. viewport简介没错,就是viewport特性,一个移动专属的Meta值,用于定义视口的各种行为. 该特性最先由Apple引入,用于解决移动端的页面展示问题,后续被越来越多的厂商跟进. 举个简单的例子来讲为什么会需要它: 我们知道用户大规模使用手机等移动设备来进行网页浏览器,其实得益于智能手持设备的兴起,也…

AngularJS + CoffeeScript 前端开发环境配置详解

AngularJS 号称 '第一框架' ('The first framework') 确实是名不虚传.由其从jQuery中完全转入AngularJS后就有无法离开他的感觉了.虽然AngularJS的学习曲线很陡峭,入门的门槛相比较高,但这些付出都是值得的相信用过的朋友都会与我有同感吧.为何我如此地偏爱AngularJS? 或者这样说吧,用AngularJS开发的话其实是给我了一种工业化开发的概念,我对软件工业化的浅显理解简单归结为几点就是: 自动化智能化注重质量注重工艺前端开发比后端…