Button 小型设备中的社交按钮对齐

Button 小型设备中的社交按钮对齐,button,social,Button,Social,我正在使用社交按钮,它在大屏幕上工作正常,但在小屏幕上抵制网络浏览器,它会产生类似图像的输出,请提供解决方案 谢谢如果没有代码示例,很难明确回答这个问题,但是您应该能够通过在css文件中使用媒体查询来更改按钮在较小屏幕上的显示方式 根据图像判断,您可能需要从容器元素中删除一些边距并调整按钮的大小 请查看以下代码以获取示例: .社会容器{ 列表样式类型:无; } .社会容器李{ 浮动:左; } .社会容器李+李{ 左边距:10px; } .社交容器li按钮{ 高度:100px; 宽度:100px

我正在使用社交按钮,它在大屏幕上工作正常,但在小屏幕上抵制网络浏览器,它会产生类似图像的输出,请提供解决方案


谢谢

如果没有代码示例,很难明确回答这个问题,但是您应该能够通过在css文件中使用媒体查询来更改按钮在较小屏幕上的显示方式

根据图像判断,您可能需要从容器元素中删除一些边距并调整按钮的大小

请查看以下代码以获取示例:

.社会容器{ 列表样式类型:无; } .社会容器李{ 浮动:左; } .社会容器李+李{ 左边距:10px; } .社交容器li按钮{ 高度:100px; 宽度:100px; 填充:10px; } //将“最大宽度”设置为所需宽度 @媒体屏幕和最大宽度:640px{ .社会容器李{ 浮动:无; 左边距:0; } .社交容器li按钮{ 高度:50px; 宽度:500px; } } 食品饮料 啁啾 github