WordPress技巧:如何让表格在移动端可以左右滑动?

文章目录

我们在WordPress网站中经常会添加一些表格,这些表格在PC端阅读很正常,因为PC端的屏幕比较宽,表格内容能够全部显示,但是表格在移动端显示就会出现问题,尤其是表格列数多的时候,在手机端就会显示不完整。

我们只需要将下面的代码添加到你的CSS文件中就能解决这个问题,不需要修改网站已经添加的任何表格内容。

@media screen and (any-pointer: coarse) {
	table {
		display: block !important;
		overflow: auto !important;
	}
}

一段代码就能解决你网站中所有表格在移动端的显示问题,通过这段代码,可以实现表格在移动端可以左右滑动。

文章分类
文章标签
建站交流群
建站咨询请联系企业微信
技术支持/服务

推荐阅读

目录
Cloudways主机2023年黑五优惠:
40% off
所有托管计划 4 个月内 40% 折扣

搜索你想找的内容

建站咨询请联系企业微信
感谢你的信任!
咨询和购买请通过微信和我联系!