vw是由视口的宽度计算的 不同的设备完美视口的大小是不一样的 iPhone6 375 iPhone6plus 414 由于不同设备视口和像素比不同，所以同样的375像素在不同的设备下意义是不一样的. 比如在iPhone6中 375就是全屏，而到了 plus 中375就会缺一块 所以在移动端开发时，就
原创
2022-06-16 17:47:55
406阅读
html常见兼容性问题？png24位的图片在iE6浏览器上出现背景 解决方案：做成PNG8，也可以引用一段脚本处理.浏览器默认的margin和padding不同 解决方案：加一个全局的 *{margin:0;padding:0;} 来统一。IE6双边距bug：在IE6下，如果对元素设置了浮动，同时又设置了margin-left或margin-right，margin值会加倍。 复制代码 1 #bo
转载
2024-09-25 14:50:15
43阅读
注：在本文用到的代码是参考github CKB项目（参考CKB首页所写） 这个是我的码云，参考对象github地址找不到了～一、介绍1、 什么是响应式一个网站能够兼容多个终端——而不是为每个终端做一容个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用“大势所趋”来形容也不为过。2、 响应式优缺
Rem现如今移动端的尺寸大小多种导致也页面不能在各种屏幕上适配，许多网站之前主要采取（1）采用的流式布局：通过百分比来定义宽度来实现，但是高度大都是用px来固定住。这就导致大屏幕的手机页面上宽度被拉的很长，高度很短。（2）固定宽度做法：早期有些网站把页面设置成320的宽度，超出部分留白。大屏幕手机下留白会特别多，看起来页面会特别小，操作的按钮也很小。（3）响应式做法：这种做法虽然能展现很好的效果，
html中字体的粗细怎么设置？字体大小是font-size，需要准备的材料分别有：电脑、浏览器、html编辑器。首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的标签中，输入样式代码：style="font-weight: 800"。浏览器运行index.html页面。网页字体太小 怎么设置成正常字体？桌面图标的大小正常，打开网页后
转载
2023-09-20 16:37:39
113阅读
html5在移动端的屏幕适应性问题 Html5 曾经是最最炙手可热的技术，移动端也因为html5技术的加入变得更加变通一些，人人都喜欢“Write once，run more”，但在今年扎克伯格承认在html5上的失策以来，我们也应该清醒的认识到html5作为一种新兴技术，还有许多不完善的地方，比如html5 的效率问题，这足以让众多程序员们无力吐槽，消费者们也会无法忍受。但不可否认的是htm
0、it名词介绍在学习HTML5之前，我们需要先了解一些关于程序员的名词。全栈工程师，是指前端、后端、数据库均掌握的工程师；技术栈，是指所使用各项技术/技能组合的统称；前端，是指客户端，给客户做信息展示。比如现在学习的HTML5、VUE等技术；后端，是指服务端，可以进行一些数据处理，现在已经持久化；IP地址，通俗讲就是“住宅地址”，如：XXX省XXX市一、网络传输三大要素1.url：统一资源定位符
移动端h5响应式方案最近这几年用得最多的最多的就是rem方案了。这个需要计算根元素的font-size来实现响应式。 但这种方案也有一个缺点，那就是font-size不为整数的时候一些字体使用rem单位会导致字体显示的大小有问题，对视觉还原要求比较高的项目来说这还是令前端开发挺头疼的一件事的。 解决
转载
2018-03-12 16:09:00
137阅读
移动端常见布局：移动端技术选型一、单独制作移动端页面（主流）：①流式布局（百分比布局）、②flex弹性布局（强烈推荐）、③less+rem+媒体查询布局、④混合布局①流式布局（百分比布局）也称非固定像素布局。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。流式布局方式是移动web开发使用的比较常见的布局方式。二倍精灵图做法在PS里面把精灵图等比缩放为原来的
转载
2023-07-13 12:24:33
104阅读
考虑到未来响应式设计的开发，如果你需要，浏览器的高度也可以基于百分比值调整。但使用基于百分比值并不总是相对于浏览器窗口的大小定义的最佳方式，比如字体大小不会随着你窗口改变而改变，如今css3引入的新单位明确解决这一问题。 View Demo css3引入的”vw”和”vh”基于宽度/高度相对于窗口大
转载
2017-04-29 21:39:00
391阅读
2评论
# HTML5自适应布局单位
随着移动设备的普及，网页设计需要满足不同设备的显示需求。HTML5提供了多种单位，可以实现自适应布局。本文将介绍几种常用的自适应单位，并提供代码示例。
## 常用自适应单位
1. **vw/vh**：视口宽度和视口高度的百分比单位。1vw等于视口宽度的1%，1vh等于视口高度的1%。
2. **vmin/vmax**：视口最小和最大尺寸的百分比单位。vmin是视
原创
2024-07-19 07:56:46
86阅读
一、什么是HTML在了解html5之前，首先要说一下html语言，尽管是更新后的5，但很多的地方还是保留了html的优势。
HTML是HyperText Markup Language超级文本标记语言的缩写，是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。从第一版的出现到现在，html已经经历了5次的改版，从HTML 2.
转载
2023-10-25 14:57:01
1161阅读
HTML5介绍Everything begin with Hello Word <!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title="My First Website">
</head>
<body>
Hello World!
转载
2024-01-13 06:05:28
374阅读
HTML(Hype Text Markup Language)超文本标记语言，，互联网用于最广泛的标记语言。HTML的发展历史：html（第一版）1993.6由互联网工程工作小组发布的HTML草案html2.0RFC1996年发布html3.2HTML文档广泛使用的标准html4.0W3C推荐标准html4.01是html文档另一个重要的，广泛的使用标准xhtml1.0严格的纯净的HTML代码ht
原创
2017-03-12 18:19:04
2662阅读
目录点击消失jQuery 选择器fadeIn 实现淡出*fadeTo 淡入slideDown 向下滑动animate 动画多帧animate动画停止滑动先上滑隐藏再下滑显示获取标签内容text/html获取标签值获取属性attr设置内容text、html以及valuetext、html以及value的回调函数设置属性 attrappend追加方法append和prepend方法添加若干新元素af
转载
2024-01-09 21:11:40
160阅读
html5是对html的第五次重大修改。HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准！html5继承了html所有的语法，同时html5也会增加一些新的特性。经过 学习同时结合其他参考资料简要总结出html5与html的主要差异如下 1、语义特性 HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户
转载
2023-07-12 16:21:12
1013阅读
em 相对 父元素 的长度单位 ????em的值并不是固定的 ????em会继承父级元素的字体大小 rem 只相对于 根元素 的长度单位 视区 浏览器内部的可视区域大小 vw 和 vh 根据CSS3规范，视口单位主要包括以下4个： ????vw：1vw等于视口宽度的1% ????vh：1vh等于视口高度的1% ???? ...
转载
2021-09-23 16:18:00
566阅读
2评论
北京时间9月21日消息，据国外媒体报道，管理互联网主要标准的团体万维网联盟(World Wide Web Consortium，W3C)已经提出新计划，将HTML5定位为“推荐标准”。按照W3C的行话来说，这意味着到2014年底，HTML5将成为一种完整的成品标准。W3C还计划到2016年底发布后续版本HTML 5.1。根据新计划，HTML工作团队将在2012年底发布一个HTML 5.0候选推荐标
转载
2024-01-20 05:42:45
199阅读
HTML5 = HTML o HTML5 参考阅读链接：http://book.51cto.com/art/201306/400655.htm 先要了解html5的发展，从概念上初步有个概况，对学习html5会有较好的帮助。
转载
精选
2015-04-18 20:15:18
1879阅读
题外话：由于本人也是从零开始学习，所以做的笔记都是最简单的，会根据之后的学习慢慢补充里面的知识。一、三种常用样式案例：1、外联的样式，myyangshiss.cssh1{
color: red;
}2、代码内容<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
转载
2023-07-12 15:24:09
190阅读
