最近一直在网上找关于图片上传、旋转处理、压缩处理等相关的资料，发现也不是很多。首先图片处理还是挺复杂的，完全靠自己写代码实现，笔者感觉自己不具备这个实力，所以还是在网上找一些好的插件，然后综合下，节省时间。 记得在上一篇博文就介绍了图片上传的方案，今天就来说说图片旋转和压缩处理。因为这两点还是挺重要的，之所以会处理旋转这个问题，是由于ios拍照存在这个bug，导致上传的图片方向逆时针旋转了90。
转载
2024-09-13 09:07:04
18阅读
html代码集font【文字】font-size：1px 文字大小
color：red 文字颜色
font-family：“字体” 文字字体
font-weight：bold 文字加粗
font-style：italic 文字倾斜
font-size：1px 文字大小
color：red
转载
2024-04-10 14:12:15
91阅读
# iOS Safari 禁止旋转 H5
## 简介
在开发移动端的H5应用时，有时候我们希望禁止用户在Safari浏览器中旋转屏幕。本文将介绍如何通过代码实现在iOS Safari中禁止旋转H5应用。
## 实现方法
要在iOS Safari中禁止旋转H5应用，我们可以通过以下两种方式来实现：
1. 使用CSS样式
2. 使用JavaScript代码
下面将分别介绍这两种方法的具体实
原创
2023-10-28 04:48:25
589阅读
一、表格table： 表格table的属性 表格的边框 border="1" 表格的外边框宽度是1 表格的宽 width="500" 表格总宽度是500 表格的高度 height="400"&nb
转载
2023-07-12 13:52:33
206阅读
在开发移动网页时，经常会遇到”h5 css 区别 ios“的问题。iOS设备尤其是Safari浏览器在CSS支持上存在一些特性差异，这些差异对用户体验影响甚大。本文将详细解析这一问题的各个方面，包括版本对比、迁移指南、兼容性处理、实战案例、排错指南和生态扩展。
## 版本对比
在不同的iOS版本中，CSS特性差异逐渐显现。我们可以通过一个时间轴来更好地理解这些差异。
```mermaid
t
# H5 CSS 滚动在 iOS 中的应用
在现代网页开发中，HTML5（H5）和CSS是不可或缺的。特别是当我们为移动设备优化网页时，了解如何控制内容的滚动经历变得至关重要。尤其是在iOS设备上，网页滚动的表现与其他平台有所区别。本文将深入探讨H5 CSS在iOS上的滚动处理方法，并给出相应的代码示例。
## iOS 滚动特性
iOS设备的滚动行为与其他平台相比较为独特。Safari浏览器
原创
2024-10-14 03:29:56
160阅读
# H5 CSS判断iOS设备
随着移动互联网的快速发展，越来越多的用户选择使用移动设备访问网页。在开发过程中，我们经常需要根据不同的设备类型来调整网页的样式，以提供更好的用户体验。本文将介绍如何使用CSS来判断iOS设备，并根据判断结果来应用不同的样式。
## 什么是iOS设备？
iOS设备是指运行苹果公司开发的iOS操作系统的设备，包括iPhone、iPad等。iOS设备以其出色的性能、
原创
2024-07-27 08:45:45
40阅读
一、IOS遇到的几个H5坑1、ios端兼容input光标高度 问题描述：input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上 当点击输入的时候，光标的高度和父盒子的高度一样。例如下图，左图是正常所期待的输入框光标，右边是ios的input光标。 原因分析：通常我们习惯用height属性设置行间的高度和line-height属性设置行间的距离（行高），当点击输入的时候，光
文章目录CSS 基础使用一、CSS介绍二、CSS使用方式1. 行内样式/内联样式2. 内嵌样式3. 外链样式表三、 样式表特征1. 层叠性2. 继承性3. 样式表的优先级四、CSS 选择器1. 作用2. 分类 :1. 标签选择器2. id选择器3. class选择器/类选择器4. 群组选择器5. 后代选择器6. 子代选择器7. 伪类选择器3. 选择器的优先级五、标签分类及嵌套1. 块元素2. 行
转载
2024-08-22 13:49:36
77阅读
【0、超完美弹窗代码
】
功能：5小时弹一次+背后弹出+自动适应不同分辩率+准全屏显示
代码：
<script>
function openwin(){
window.open(
http://www.6882.com,"pop1","width="+(window.screen.width-15)+",height="+(window.screen
转载
2024-05-17 12:42:04
42阅读
外部h5网页无法直接跳转到小程序，因此需要把h5内嵌到小程序的web-view中。只有内嵌的H5才能跳回小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/web-view.htmlweb-view承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。一、小程序跳转h5<!-- wxml --
转载
2023-07-08 07:37:46
518阅读
# 禁止滚动（iOS H5 中 CSS 实现）
在开发移动端网页时，我们经常会遇到需要禁止页面的滚动功能的情况。尤其是在iOS设备上，由于其特殊的滚动机制，可能会导致页面出现滚动问题。下面来介绍一种使用CSS实现在iOS H5页面上禁止滚动的方法。
## 问题描述
在iOS设备上，有时候我们希望禁止页面的滚动，例如在弹出层或者侧边栏展开时，防止用户继续滚动页面。但是在iOS设备上，使用`ov
原创
2024-05-10 04:29:23
68阅读
## 实现H5禁止iOS回弹的方法
### 1. 流程图
```mermaid
flowchart TD
A(开始)
B(引入JS插件)
C(添加对应的CSS样式)
D(初始化插件)
E(结束)
A --> B
B --> C
C --> D
D --> E
```
### 2. 步骤和代码示例
步骤 | 代码示例 |
原创
2023-12-23 07:25:42
277阅读
# CSS H5 iOS禁止滚动实现指南
## 概述
在H5页面中，有时候我们需要禁止iOS设备上的滚动行为。本文将介绍如何实现这一功能，帮助刚入行的小白开发者快速上手。
## 实现步骤
| 步骤 | 操作 |
| --- | --- |
| 1 | 检测设备类型 |
| 2 | 禁止默认滚动行为 |
| 3 | 添加自定义滚动条 |
## 具体操作及代码示例
### 步骤1：检测设备类
原创
2024-05-16 06:06:42
107阅读
# iOS H5 引入 CSS 方法指南
在移动端开发中，了解如何在 H5 页面中引入 CSS 文件是非常重要的一步。尤其对于初学者来说，掌握这项技能能帮助你更好地创建美观的网页。接下来，我们将详细介绍“iOS H5 引入 CSS 的方法”以及相关的操作步骤。
## 流程概述
以下是引入 CSS 的步骤：
| 步骤 | 描述 |
|------|-----
原创
2024-09-04 06:12:23
51阅读
# H5 CSS组织架构的实现步骤指南
在进行H5组织架构的实现时，尽管看似复杂，但我们可以分步骤来完成。本文将一步一步指导你如何从零开始构建一个简单的H5组织架构图。
## 流程概述
以下是实现H5组织架构的步骤：
| 步骤 | 说明 |
|------|-------------------------------
在H5项目中有一种常见的宣传页，就是那种整屏整屏的，带着炫丽进场动画的移动宣传页，不仅是一种欣赏也起到了很大宣传作用。对于这种整屏的适配，前面通过视口的兼容处理也是可以做到的，但是在窄屏下会在上下有明显的切割，于是想到既然是保证内容在整屏，那是不是只要保证高度在整屏内就完美了，不管屏幕怎么小整个高度被填在屏幕内，于是就有了这一种适配方案：代码如下：<!DOCTYPE html>
<
转载
2024-04-03 21:13:52
97阅读
移动端网页 rem 自适应布局 （rem布局 用于解决各种移动端机型H5页面适配问题）在各种屏幕大小手机上实现自适应效果，用rem单位，根据手机屏幕大小自动改变(包括横屏和竖屏时)：文字大小，图片大小，布局宽度大小等！ 什么是rem？ rem是 css3一种新的长度单位。它是相对于html标签的字
转载
2023-11-19 09:08:12
115阅读
h5的新特性（目前个人所了解）如下语义化标签表单新特性视频(video)和音频(audio)canvas画布svg绘图地理定位为鼠标提供的拖放APIwebworker（重点）Storage（重点）WebsocketHTML语义化是什么？语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。为什么要语义化？有利
转载
2024-04-09 18:24:41
36阅读
在工作中接到H5项目，第一件想到的事就应该是屏幕适配问题，解决了屏幕适配，接下来的事才能真正开始。从此篇博客开始会连续记录下我经常用到的一些适配方案。对于传统的PC项目，直接在移动端打开也都是会以视口980来自动缩放以显示主内容在屏幕内，既然有这么个特性，那自然适配也就可以通过通过控制视口来达到适配的目地。以下是我工作中经常用到的第一种移动端适配方案：<!DOCTYPE html>
&
转载
2023-07-17 18:14:52
87阅读
