我的主题是响应式的，但我的描述不适合移动设备，为什么?

Question

我的整个网站都有响应，但我从供应商网站复制的数据没有响应我不知道为什么我现在复制了 200 个产品并且不愿意删除并再次执行工作。

任何人都可以指导我，当在移动设备上查看数据时，数据会进入屏幕外并被裁剪而不是移动设备友好。

链接为 ： http://octa.pk/product/unifi-voip-phone-executive-ubnt-unifi-voip-in-pakistan/

Answer 1

我发现你的描述div在元素样式中有宽度，这可能来自Javascript。一个简单且未经测试的修复程序是在 CSS 下面添加。(注意：这是修复主要问题的示例 CSS。

@media only screen and (max-width: 600px) {
.comContent {
max-width: 100%;
}
.comProductFeature__content.col--lg12 {
max-width: 100%;
}
.js-waypoints-center.row.comProductFeature.comProductFeature--center.unifi-voip-executive-scalable-system-management.js-animate-slide-up {
padding: 0 10px !important;
}
}

在此处检查固定宽度 https://nimb.ws/WHI1GY，无论如何，如果您对所有 200 种产品使用相同的类，这将修复它。

如果您从某处复制粘贴了这些 HTML，则必须浏览所有产品页面并需要编写更多 CSS 代码。如上所述，代码只是修复它的一个例子。

希望，这对你有帮助。