如何制作h5页面 html页面里面如何实现点击小图放大查看大图？
html页面里面如何实现点击小图放大查看大图？
准备的材料有：电脑、浏览器和HTML编辑器。
1. 首先，打开HTML编辑器并创建一个新的HTML文件索引.html.
2. 在索引.html在<style>选项卡中，输入CSS代码：Div{宽：72px高：72像素背景：url（small3.png）无重复toverflow:隐藏}
3. 浏览器正在运行索引.html页面上，此时成功的矩形图像只显示正方形部分。
4. 单击小图像后，成功显示大图像。
什么是h5页面？
首先，H5不是一种技术，而是一种标准，一种技术的集合。
其次，我们需要知道什么是HTML语言，
它是一种描述性语言，全称为“超文本标记语言”。我们使用的网页是用HTML语言制作的。H5是HTML的第五个版本，在这个版本中添加了许多特性，例如：
1。拖放、自定义属性、语义内容标签、音频、视频、画布、画布、地理API、本地脱机存储。
但是，H5还有一个宽泛的术语，包括新的C3功能，例如：1。颜色：新RGBA，HSLA模式
2。文字阴影
3。边框半径：长方体阴影
4。盒子大小
5。背景大小，背景原点，背景剪辑
6。梯度：线性梯度，径向梯度
7。过渡：动画过渡
8。自定义动画@keyfrom
9。媒体查询多栏布局@媒体屏幕和（宽度：800px) {… }
10. 边框图像
11。2D变换：平移（x，y）旋转（x，y）倾斜（x，y）缩放（x，y）
12。三维变换
13。字体图标字体脸
14。灵活灵活的flex布局
HTML5手机端页面缩放问题应该如何解决？
！]要做一个H5移动终端项目，首先需要做好改编
一般在H5报头申报吧。
&Ltmeta name=“viewport”content=“width=device width，initial scale=1，user scale=no，minimum scale=1.0，maximum scale=1.0”>
上面的意思是宽度是屏幕的宽度，比例是1，不允许调整比例，最小比例是1，最大刻度为1。
然后与REM合作以适应各种类型的手机。
1. 使用REM来匹配VW
2。使用REM来匹配根元素的字体大小
我选择了第二种方法来动态计算HTML根元素的字体大小，然后使用REM。兼容各种手机。
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
