PHP如何连接和使用Redis_PHP Redis连接与操作实战

答案:PHP连接Redis需安装phpredis扩展并配置php.ini,通过new Redis()实例化后使用connect/pconnect连接服务器,支持字符串、哈希、列表等数据操作及管道、事务等高级功能。常见问题包括扩展安装依赖缺失、PHP版本兼容性、php.ini配置错误及未重启服务;持久化连接存在状态污染风险,建议结合PING检测与单例模式管理连接。性能优化可通过同机部署、管道批量操作、避免N+1查询、拆分大键等方式实现。

php如何连接和使用redis_php redis连接与操作实战

PHP连接和使用Redis,核心在于借助PHP的Redis扩展(通常是

phpredis

)来与Redis服务器进行通信。这个扩展提供了一系列函数,允许开发者像操作本地数据结构一样,对远程的Redis数据库进行读写、管理,实现缓存、队列、会话存储等功能。

解决方案

要让PHP应用能够与Redis交互,通常需要以下几个步骤,这中间有些细节是新手常会忽略的:

首先,确保你的服务器上已经安装并运行了Redis服务。这通常通过包管理器(如

apt

yum

)或从源码编译完成。

接着,是安装PHP的

phpredis

扩展。这是连接Redis的关键桥梁。对于Linux环境,最常见的方式是通过PECL:

pecl install redis

如果遇到编译问题,可能需要安装

php-dev

php-devel

包,以及

autoconf

等编译工具。安装成功后,需要在

php.ini

文件中添加一行:

extension=redis.so

对于Windows环境,通常是下载预编译的DLL文件(可以在

phpredis

的GitHub发布页找到对应PHP版本的DLL),然后将其放到PHP的

ext

目录下,并在

php.ini

中添加

extension=php_redis.dll

立即学习“PHP免费学习笔记(深入)”;

完成这些配置后,重启你的Web服务器(Apache、Nginx)和PHP-FPM服务,确保扩展加载生效。可以通过

phpinfo()

查看是否有Redis模块信息。

连接Redis并进行操作的PHP代码示例:

connect('127.0.0.1', 6379, 2.5); // 2.5秒连接超时    // 或者使用持久化连接,减少每次请求的连接开销,但需注意连接状态管理    // $redis->pconnect('127.0.0.1', 6379, 2.5);     // 认证,如果Redis设置了密码    // $redis->auth('your_redis_password');    echo "成功连接到Redis!n";    // --- 字符串操作 ---    $redis->set('my_key', 'Hello Redis from PHP!');    echo "获取my_key: " . $redis->get('my_key') . "n";    // 设置带过期时间的键    $redis->setex('temp_key', 10, 'This will expire in 10 seconds.');    echo "获取temp_key: " . $redis->get('temp_key') . " (10秒后过期)n";    // --- 哈希操作 ---    $redis->hSet('user:100', 'name', 'Alice');    $redis->hSet('user:100', 'email', 'alice@example.com');    $userInfo = $redis->hGetAll('user:100');    echo "获取user:100信息: " . print_r($userInfo, true) . "n";    // --- 列表操作 (作为队列) ---    $redis->rPush('task_queue', 'task_A'); // 右侧入队    $redis->rPush('task_queue', 'task_B');    echo "队列长度: " . $redis->lLen('task_queue') . "n";    echo "从队列左侧取出: " . $redis->lPop('task_queue') . "n"; // 左侧出队    // --- 集合操作 ---    $redis->sAdd('tags:article:1', 'php');    $redis->sAdd('tags:article:1', 'redis');    $redis->sAdd('tags:article:1', 'cache');    $redis->sAdd('tags:article:1', 'redis'); // 重复添加无效    $articleTags = $redis->sMembers('tags:article:1');    echo "文章标签: " . implode(', ', $articleTags) . "n";    // --- 管道 (Pipeline) 操作,减少网络往返开销 ---    $pipe = $redis->multi(Redis::PIPELINE);    $pipe->set('key1', 'value1');    $pipe->set('key2', 'value2');    $pipe->get('key1');    $pipe->incr('counter');    $responses = $pipe->exec();    echo "管道操作结果: " . print_r($responses, true) . "n";    // --- 事务 (Transaction) 操作,保证原子性 ---    $redis->watch('counter'); // 监视counter,如果在exec前被修改,事务将失败    $multi = $redis->multi(Redis::MULTI);    $multi->incr('counter');    $multi->get('counter');    $result = $multi->exec(); // 如果watch的键在exec前被修改,这里会返回false或空数组    echo "事务操作结果: " . print_r($result, true) . "n";    $redis->unwatch(); // 取消对所有键的监视    // 关闭连接    $redis->close();    echo "Redis连接已关闭。n";} catch (RedisException $e) {    echo "Redis连接失败或操作异常: " . $e->getMessage() . "n";    // 在实际应用中,这里应该有更完善的错误日志记录和告警机制}?>

这段代码展示了

phpredis

扩展的基本用法,包括连接、设置/获取不同类型的数据、以及一些高级特性如管道和事务。

phpredis

扩展的安装与配置有哪些“坑”?

phpredis

扩展的安装过程,虽然看起来直接,但实际操作中确实有一些常见的“坑”点,让人头疼。

首先是环境差异。在Linux下,我们通常倾向于使用PECL来安装,因为它能自动处理编译依赖。但如果系统缺少

php-dev

(Debian/Ubuntu)或

php-devel

(CentOS/RHEL)包,

pecl install redis

就会因为找不到PHP的头文件而失败。有时候,

autoconf

版本过低或者缺失,也会导致编译中断。Windows环境则不同,它更依赖于预编译的DLL文件。你需要仔细核对你的PHP版本(包括是线程安全TS还是非线程安全NTS),以及编译器版本(VC15、VC16等),下载对应的

php_redis.dll

,否则加载时会报错。

其次是PHP版本兼容性

phpredis

扩展本身也在不断迭代,不同版本的

phpredis

对PHP版本有明确的要求。比如,最新的

phpredis

可能不再支持PHP 5.x,或者旧版本的

phpredis

无法在PHP 8.x上编译。有时候,即使编译通过了,运行时也可能出现一些诡异的段错误(Segmentation Fault),这往往就是版本不兼容的信号。

再来是

php.ini

配置问题。安装完扩展后,最关键的一步是在

php.ini

中添加

extension=redis.so

(或

php_redis.dll

)。但这里也有几个小陷阱:

php.ini

文件: 很多服务器上存在多个

php.ini

,例如CLI的

php.ini

和Web服务器(FPM)的

php.ini

。你必须确保修改的是Web服务实际加载的那个。可以通过

phpinfo()

查看

Loaded Configuration File

来确认。扩展路径问题: 如果

extension_dir

配置不正确,PHP可能找不到

redis.so

文件。确保

redis.so

被放在了

extension_dir

指定的目录下。未重启服务: 这是最常见的错误之一。修改

php.ini

后,Apache、NNginx或PHP-FPM服务必须重启,才能让新的配置生效。仅仅重启Web服务器是不够的,PHP-FPM也需要重启。

最后,权限问题也不容忽视。在编译或运行时,如果PHP进程没有足够的权限访问某些文件或目录,也可能导致扩展加载失败或运行时错误。例如,如果Redis的Unix socket文件权限设置不当,

phpredis

可能无法通过socket连接Redis。

解决这些问题,通常需要耐心和细致的排查:仔细阅读错误日志,检查

phpinfo()

输出,以及根据操作系统和PHP版本查阅

phpredis

的官方文档或GitHub Issues。

在PHP应用中,如何高效管理Redis连接池和持久化连接?

在PHP应用中,高效管理Redis连接池和持久化连接,是优化性能、减少资源消耗的关键一环。这不仅仅是代码层面的优化,更涉及到对PHP-FPM工作原理和Redis连接特性的一些理解。

非持久化连接的开销默认情况下,

$redis->connect()

建立的是非持久化连接。这意味着每次HTTP请求到达PHP-FPM进程时,都会尝试与Redis服务器建立一个新的TCP连接。请求结束后,这个连接就会被关闭。对于高并发的应用,频繁地建立和关闭TCP连接会带来显著的性能开销:

三次握手/四次挥手: 每次连接都需要进行TCP的三次握手和四次挥手,这增加了网络延迟。资源消耗: 服务器端和客户端都需要分配套接字资源。CPU开销: 连接的建立和关闭涉及CPU的计算。

持久化连接(

pconnect

)的原理与陷阱

phpredis

提供了

$redis->pconnect()

方法,用于建立持久化连接。其核心思想是让PHP-FPM的子进程在处理完一个请求后,不立即关闭与Redis的连接,而是将其保持开放,以便在处理下一个请求时复用。

原理: 当一个PHP-FPM子进程接收到后续请求时,如果它之前已经通过

pconnect

连接过Redis,它会尝试复用这个已存在的连接,而不是重新建立。这大大减少了连接的建立和关闭开销。陷阱:连接状态污染: 这是最常见也是最危险的陷阱。如果一个请求在持久化连接上执行了

SELECT

(切换数据库)、

AUTH

(认证)、

SUBSCRIBE

(订阅模式)或开启了事务但未

EXEC

/

DISCARD

,那么这个连接的状态就会被“污染”。下一个复用这个连接的请求可能会在错误的状态下操作,导致数据混乱或安全问题。连接泄露: 如果应用程序没有正确处理异常或关闭连接,可能会导致Redis服务器端出现大量空闲但未被关闭的连接。资源限制: Redis服务器对最大连接数有限制。如果

php-fpm

进程数过多,每个进程又都保持持久化连接,很容易达到Redis的最大连接数限制。无感知的断开: Redis服务器可能会因为超时或其他原因主动断开连接,而PHP-FPM进程可能并不知道。当尝试使用这个“死连接”时,就会抛出异常。

连接池的实现策略鉴于

pconnect

的陷阱,更健壮的方案是实现一个连接池。虽然PHP的“请求-响应”模型与Java/Go等语言的常驻进程模型不同,难以实现一个真正意义上的“进程间共享”连接池,但我们可以在请求生命周期内或通过框架集成来模拟连接池。

应用层实现(请求生命周期内复用):

在一个HTTP请求的生命周期内,确保只建立一次Redis连接,并在需要时复用这个连接实例。这可以通过一个简单的工厂模式或单例模式来实现。例如,在你的DI容器(如Laravel的Service Container)中注册一个Redis服务提供者,每次需要Redis实例时,都从容器中获取同一个已连接的实例。

第三方库/框架集成:

许多PHP框架(如Laravel、Symfony)或专门的数据库抽象层(如Doctrine)都提供了Redis连接的管理功能。它们通常会封装

pconnect

的复杂性,或者提供更高级的连接池抽象。使用这些框架提供的功能,可以更安全地利用持久化连接,因为框架通常会在请求结束时进行必要的清理工作(如

SELECT 0

重置数据库,或

DISCARD

取消未完成的事务)。

考虑长连接的场景:

对于消息队列的消费者、后台任务或WebSocket服务器(如基于Swoole/RoadRunner构建的应用),PHP进程是常驻的。在这种情况下,实现一个真正的连接池变得可行且非常有价值。你可以维护一个Redis连接的数组或队列,当需要连接时从中取出,用完后归还。同时需要实现心跳机制来检测和剔除死连接。

超时设置与心跳机制无论是

connect

还是

pconnect

,都应该设置合理的超时时间。

connect

方法允许你指定连接超时和读写超时。对于持久化连接,为了避免使用到Redis服务器已断开的“死连接”,可以在每次使用前执行一个轻量级的

PING

命令。如果

PING

失败,则认为连接已断开,重新建立连接。

config = $config;        $this->connect();    }    private function connect() {        $this->redis = new Redis();        try {            // 尝试使用持久化连接            $this->redis->pconnect(                $this->config['host'],                $this->config['port'],                $this->config['timeout'] ?? 2.5            );            if (isset($this->config['password'])) {                $this->redis->auth($this->config['password']);            }            // 每次连接成功后,重置到默认数据库,防止污染            $this->redis->select(0);         } catch (RedisException $e) {            // 记录日志,并考虑降级处理            error_log("Redis PCONNECT failed: " . $e->getMessage());            $this->redis = null; // 连接失败,置空            throw $e; // 或者抛出更具体的应用层异常        }    }    public static function getInstance(array $config): Redis    {        if (self::$instance === null) {            self::$instance = new self($config);        }        // 在每次获取实例时,检查连接是否活跃        if (self::$instance->redis === null || !self::$instance->ping()) {            error_log("Redis connection lost or inactive, attempting to reconnect.");            self::$instance->connect(); // 重新连接        }        return self::$instance->redis;    }    private function ping(): bool {        try {            return $this->redis->ping('+PONG'); // 确保返回+PONG        } catch (RedisException $e) {            error_log("Redis PING failed: " . $e->getMessage());            return false;        }    }}// 使用示例// $redisConfig = ['host' => '127.0.0.1', 'port' => 6379, 'password' => ''];// try {//     $redis = RedisManager::getInstance($redisConfig);//     $redis->set('test_key', 'test_value');//     echo $redis->get('test_key');// } catch (Exception $e) {//     echo "Failed to get Redis instance: " . $e->getMessage();// }?>

这个

RedisManager

的伪代码展示了一个简单的带

PING

检测的单例模式,它会在每次获取Redis实例时检查连接的活跃性,并在必要时尝试重新连接。

PHP操作Redis时,常见的性能瓶颈和优化策略有哪些?

PHP应用在与Redis交互时,性能瓶颈往往不是Redis本身,而是应用层面的不当使用或网络因素。理解这些瓶颈并采取相应的优化策略,能显著提升整体系统的响应速度和吞吐量。

1. 网络延迟(Network Latency)这是最基础也最容易被忽视的瓶颈。PHP应用服务器与Redis服务器之间的物理距离、网络拓扑结构,都会影响每次请求的往返时间(RTT)。即使是毫秒级的延迟,在高并发下也会累积成巨大的性能损耗。

优化策略:

同机部署或同区域部署: 将PHP应用和Redis部署在同一台物理机或同一个数据中心的局域网内,尽量减少网络跳数。管道(Pipeline)技术:

phpredis

支持Redis的管道功能。它允许客户端一次性发送多个命令到服务器,然后一次性接收所有命令的响应,从而减少了多次网络往返的开销。这对于需要执行大量独立操作的场景(如批量写入、读取)非常有效。

// 示例:使用管道批量设置键$redis->multi(Redis::PIPELINE);for ($i = 0; $i set("key:{$i}", "value:{$i}");}$redis->exec(); // 一次性发送并获取结果

2. N+1 查询问题类似于关系型数据库的N+1查询,如果在循环中对Redis进行多次单键操作(例如,在一个循环中根据ID逐个获取用户的哈希数据),同样会造成大量的网络往返。

优化策略:

批量操作命令: Redis提供了

MGET

(获取多个字符串键)、

HMGET

(获取多个哈希键的字段)、

LRANGE

(获取列表的范围元素)等批量操作命令。Lua脚本: 对于更复杂的原子性批量操作,可以使用Lua脚本。将多个Redis命令封装在一个Lua脚本中,然后一次性发送给Redis执行。这不仅减少了网络往返,还能保证操作的原子性。

// 示例:使用HMGET批量获取用户哈希数据$userIds = [101, 102, 103];$userKeys = array_map(function($id) { return "user:{$id}"; }, $userIds);$usersData = [];foreach ($userKeys as $key) {    $usersData[] = $redis->hGetAll($key); // 仍是N次请求}// 优化后,使用管道和HMGET$pipe = $redis->multi(Redis::PIPELINE);foreach ($userKeys as $key) {    $pipe->hGetAll($key);}$allUsersInfo = $pipe->exec(); // 一次请求获取所有用户哈希数据

3. 大键(Big Keys)问题存储过大的字符串、哈希、列表、集合或有序集合,会导致Redis在读取、写入、删除这些键时,需要消耗更多的时间和内存。这可能会阻塞Redis服务器,影响其他命令的执行。

优化策略:拆分大键: 将大键拆分成多个小键。例如,一个包含10000个字段的哈希,可以拆分成10个包含1000个字段的哈希。数据结构选择: 考虑使用更适合大数据量的Redis数据结构。例如,对于需要存储大量标签的场景,如果每个标签都很小

以上就是PHP如何连接和使用Redis_PHP Redis连接与操作实战的详细内容,更多请关注php中文网其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1273284.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月10日 15:33:07
下一篇 2025年12月10日 15:33:17

相关推荐

  • CSS元素设置em和transition后,为何载入页面无放大效果?

    css元素设置em和transition后,为何载入无放大效果 很多开发者在设置了em和transition后,却发现元素载入页面时无放大效果。本文将解答这一问题。 原问题:在视频演示中,将元素设置如下,载入页面会有放大效果。然而,在个人尝试中,并未出现该效果。这是由于macos和windows系统…

    2025年12月24日
    200
  • 如何模拟Windows 10 设置界面中的鼠标悬浮放大效果?

    win10设置界面的鼠标移动显示周边的样式(探照灯效果)的实现方式 在windows设置界面的鼠标悬浮效果中,光标周围会显示一个放大区域。在前端开发中,可以通过多种方式实现类似的效果。 使用css 使用css的transform和box-shadow属性。通过将transform: scale(1.…

    2025年12月24日
    200
  • 如何用HTML/JS实现Windows 10设置界面鼠标移动探照灯效果?

    Win10设置界面中的鼠标移动探照灯效果实现指南 想要在前端开发中实现类似于Windows 10设置界面的鼠标移动探照灯效果,有两种解决方案:CSS 和 HTML/JS 组合。 CSS 实现 不幸的是,仅使用CSS无法完全实现该效果。 立即学习“前端免费学习笔记(深入)”; HTML/JS 实现 要…

    2025年12月24日
    000
  • 如何用前端实现 Windows 10 设置界面的鼠标移动探照灯效果?

    如何在前端实现 Windows 10 设置界面中的鼠标移动探照灯效果 想要在前端开发中实现 Windows 10 设置界面中类似的鼠标移动探照灯效果,可以通过以下途径: CSS 解决方案 DEMO 1: Windows 10 网格悬停效果:https://codepen.io/tr4553r7/pe…

    2025年12月24日
    000
  • 如何用前端技术实现Windows 10 设置界面鼠标移动时的探照灯效果?

    探索在前端中实现 Windows 10 设置界面鼠标移动时的探照灯效果 在前端开发中,鼠标悬停在元素上时需要呈现类似于 Windows 10 设置界面所展示的探照灯效果,这其中涉及到了元素外围显示光圈效果的技术实现。 CSS 实现 虽然 CSS 无法直接实现探照灯效果,但可以通过以下技巧营造出类似效…

    2025年12月24日
    000
  • HTML、CSS 和 JavaScript 中的简单侧边栏菜单

    构建一个简单的侧边栏菜单是一个很好的主意,它可以为您的网站添加有价值的功能和令人惊叹的外观。 侧边栏菜单对于客户找到不同项目的方式很有用,而不会让他们觉得自己有太多选择,从而创造了简单性和秩序。 今天,我将分享一个简单的 HTML、CSS 和 JavaScript 源代码来创建一个简单的侧边栏菜单。…

    2025年12月24日
    200
  • 前端代码辅助工具:如何选择最可靠的AI工具?

    前端代码辅助工具:可靠性探讨 对于前端工程师来说,在HTML、CSS和JavaScript开发中借助AI工具是司空见惯的事情。然而,并非所有工具都能提供同等的可靠性。 个性化需求 关于哪个AI工具最可靠,这个问题没有一刀切的答案。每个人的使用习惯和项目需求各不相同。以下是一些影响选择的重要因素: 立…

    2025年12月24日
    300
  • 带有 HTML、CSS 和 JavaScript 工具提示的响应式侧边导航栏

    响应式侧边导航栏不仅有助于改善网站的导航,还可以解决整齐放置链接的问题,从而增强用户体验。通过使用工具提示,可以让用户了解每个链接的功能,包括设计紧凑的情况。 在本教程中,我将解释使用 html、css、javascript 创建带有工具提示的响应式侧栏导航的完整代码。 对于那些一直想要一个干净、简…

    2025年12月24日
    000
  • 布局 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在这里查看视觉效果: 固定导航 – 布局 – codesandbox两列 – 布局 – codesandbox三列 – 布局 – codesandbox圣杯 &#8…

    2025年12月24日
    000
  • 隐藏元素 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在此处查看隐藏元素的视觉效果 – codesandbox 隐藏元素 hiding elements hiding elements hiding elements hiding elements hiding element…

    2025年12月24日
    400
  • HTMLrev 上的免费 HTML 网站模板

    HTMLrev 是唯一的人工策划的库专门专注于免费 HTML 模板,适用于由来自世界各地慷慨的模板创建者制作的网站、登陆页面、投资组合、博客、电子商务和管理仪表板世界。 这个人就是我自己 Devluc,我已经工作了 1 年多来构建、改进和更新这个很棒的免费资源。我自己就是一名模板制作者,所以我知道如…

    2025年12月24日
    300
  • 如何使用 Laravel 框架轻松整合微信支付与支付宝支付?

    如何通过 laravel 框架整合微信支付与支付宝支付 在 laravel 开发中,为电商网站或应用程序整合支付网关至关重要。其中,微信支付和支付宝是中国最流行的支付平台。本文将介绍如何使用 laravel 框架封装这两大支付平台。 一个简单有效的方法是使用业内认可的 easywechat lara…

    2025年12月24日
    000
  • 居中 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在此处查看垂直中心 – codesandbox 和水平中心的视觉效果。 通过 css 居中 垂直居中 centering centering centering centering centering centering立即…

    2025年12月24日 好文分享
    300
  • Laravel 框架中如何无缝集成微信支付和支付宝支付?

    laravel 框架中微信支付和支付宝支付的封装 如何将微信支付和支付宝支付无缝集成到 laravel 框架中? 建议解决方案 考虑使用 easywechat 的 laravel 版本。easywechat 是一个成熟、维护良好的库,由腾讯官方人员开发,专为处理微信相关功能而设计。其 laravel…

    2025年12月24日
    300
  • 如何在 Laravel 框架中轻松集成微信支付和支付宝支付?

    如何用 laravel 框架集成微信支付和支付宝支付 问题:如何在 laravel 框架中集成微信支付和支付宝支付? 回答: 建议使用 easywechat 的 laravel 版,easywechat 是一个由腾讯工程师开发的高质量微信开放平台 sdk,已被广泛地应用于许多 laravel 项目中…

    2025年12月24日
    000
  • 使用Laravel框架如何整合微信支付和支付宝支付?

    使用 Laravel 框架整合微信支付和支付宝支付 在使用 Laravel 框架开发项目时,整合支付网关是常见的需求。对于微信支付和支付宝支付,推荐采用以下方法: 使用第三方库:EasyWeChat 的 Laravel 版本 建议直接使用现有的 EasyWeChat 的 Laravel 版本。该库由…

    2025年12月24日
    000
  • 如何将微信支付和支付宝支付无缝集成到 Laravel 框架中?

    如何简洁集成微信和支付宝支付到 Laravel 问题: 如何将微信支付和支付宝支付无缝集成到 Laravel 框架中? 答案: 强烈推荐使用流行的 Laravel 包 EasyWeChat,它由腾讯开发者维护。多年来,它一直保持更新,提供了一个稳定可靠的解决方案。 集成步骤: 安装 Laravel …

    2025年12月24日
    100
  • 如何在移动端实现子 div 在父 div 内任意滑动查看?

    如何在移动端中实现让子 div 在父 div 内任意滑动查看 在移动端开发中,有时我们需要让子 div 在父 div 内任意滑动查看。然而,使用滚动条无法实现负值移动,因此需要采用其他方法。 解决方案: 使用绝对布局(absolute)或相对布局(relative):将子 div 设置为绝对或相对定…

    2025年12月24日
    000
  • 移动端嵌套 DIV 中子 DIV 如何水平滑动?

    移动端嵌套 DIV 中子 DIV 滑动 在移动端开发中,遇到这样的问题:当子 DIV 的高度小于父 DIV 时,无法在父 DIV 中水平滚动子 DIV。 无限画布 要实现子 DIV 在父 DIV 中任意滑动,需要创建一个无限画布。使用滚动无法达到负值,因此需要使用其他方法。 相对定位 一种方法是将子…

    2025年12月24日
    000
  • 移动端项目中,如何消除rem字体大小计算带来的CSS扭曲?

    移动端项目中消除rem字体大小计算带来的css扭曲 在移动端项目中,使用rem计算根节点字体大小可以实现自适应布局。但是,此方法可能会导致页面打开时出现css扭曲,这是因为页面内容在根节点字体大小赋值后重新渲染造成的。 解决方案: 要避免这种情况,将计算根节点字体大小的js脚本移动到页面的最前面,即…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信