目标：遇到一个需求，让图片在页面中，不管宽度如何变化。宽高保持16：9的比例。 实现： 方法一：这也是比较经典的一个方法，利用padding-bottom来实现。 <!DOCTYPE html> <html> <head> <title>固定宽高比16:9</title> <style type=" ...
分类：
其他好文 时间：
2019-11-09 19:25:00
阅读次数：
79
一、参数说明 参数作用 width 选项卡宽度，单位像素 height 选项卡高度 cursor 鼠标停留的样式 padding 外部空间填充，是个最多4个元素的列表 style 设置menubotton的样式 NoteBook方法列表： .add(child, **kw)该child 参数是一个小 ...
分类：
其他好文 时间：
2019-11-09 12:00:37
阅读次数：
348
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="w ...
分类：
其他好文 时间：
2019-11-08 17:42:20
阅读次数：
309
最近遇到这样一个问题，在HTML5手机页面中，直接给<img>标签设置宽高，即便图片路径正常，在IOS真机下也是无法显示的，而在安卓以及浏览器的模拟真机上都是正常显示的，这是为什么呢？ html: <img src="xxxx.png" /> //假定图片路径正常 css: img{ width:1 ...
分类：
移动开发 时间：
2019-11-07 12:59:56
阅读次数：
143
浮动： float 是我们网页布局的一种 浮动 可以有 left 左浮动 right 右浮动 两种 浮动的特点： 脱离正常的文档流，原本的空间不占据，浮动的标签都具有块级标签的一些特点，可以手动设置宽高 如果有相邻的多个浮动的元素，那么后面浮动的元素会停靠在前面浮动元素的后面，如果剩余空间不够，则会 ...
分类：
其他好文 时间：
2019-11-07 09:43:15
阅读次数：
79
1、页面如图所示 2、Html代码 3、JavaScript代码 4、细节 （图片来源于网络） 5、精确定位 HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或 ...
分类：
Web程序 时间：
2019-11-04 17:26:46
阅读次数：
102
1. 浏览器对象 window window对象不但充当全局作用域，而且表示浏览器窗口 innerWidth : 浏览器内部宽度。 innerHeight ：浏览器内部高度 outerWidth / outerHeight 整个浏览器的宽高 navigator 表示浏览器信息 navigator.a ...
分类：
Web程序 时间：
2019-11-04 15:17:54
阅读次数：
108
一、设计网页的思想 拿到需求之后我们先对各个模块（盒子）进行划分，然后从外到内进行设计（1）设计一个盒子最基本的设计大致包括背景颜色（其实用于识别），宽，高，边界浮动流还是标准流. （2）然后盒子和盒子之间的外边距margin （3）然后在进入到小盒子中，进一步划分盒子，这样再重复第一二步 注意点： ...
分类：
Web程序 时间：
2019-11-03 01:15:25
阅读次数：
83
前端 JS 获取 Image 图像 宽高 尺寸 简介 项目中用到获取图片的原始尺寸，然后适配宽高；网上的大部分前端解决方案，都是new Image()后,在onload事件中获取image的尺寸。 在图片数量较多的时候，这样的获取效率实在是低下。所有就有了这篇文章。通过直接读取解析文件的字节码来获取 ...
分类：
Web程序 时间：
2019-11-02 12:17:10
阅读次数：
167
html文字两行后，就用省略号代替剩下的 一、总结 一句话总结： 1、一行截断效果？ 2、after属性里面如何指定内容？ 3、after属性里面可以绝对定位么？ 二、html文字两行后，就用省略号代替 1、效果图 2、代码 三、html文字超出两行，则显示省略号 转自或参考：html文字超出两行， ...
分类：
Web程序 时间：
2019-11-02 00:51:46
阅读次数：
124
