专注WordPress外贸建站实用教程,提供基于WordPress的外贸建站服务!
文章分类
文章标签

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

文章导航

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

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

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

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

想快速搭建一个完全属于自己的外贸独立站?
本站提供专业的外贸建站服务,如果你不想自己花时间精力搭建网站,可以将你的需求告诉我,我来帮助你搭建一个专业外贸独立站!
微信联系我
Whatsapp联系我
文章分类
文章标签
专注WordPress外贸建站实用教程,提供基于WordPress的外贸建站服务!
外贸建站交流群
广告勿扰
企业微信
文章导航
建站咨询请联系企业微信
感谢你的信任!
咨询和购买请通过微信和我联系!