[每次我开始编写一个新的响应页面时，我都会提出这个问题，所以我想问你们：“在页面上添加响应能力时，打破可读性是正常的吗？”
[我想您将通过一个示例更好地理解：我在12列网格系统中有2个大列，因此我将2个div设置为类.grid-6和CSS .grid-6 {width:50%}。在图形输入板布局中，图形设计师放置了三列，因此我将这些列的宽度更改为33％，但是现在我有一个class为grid-6的div（建议为50％的宽度），而实际的列宽为33％。] >
因此，当我开始研究响应能力时，一切都感觉像是“ hacks”。尽管我要为平板电脑，手机或其他设备添加不同的类（<div class="grid-6 tablet-grid-4 phone-grid-3">，但这感觉并不正确。
当您收到每个断点具有不同列数的图形设计时，就会出现问题。我的意思是，您无法更改html中的列数，amirite？
每当我开始编写一个新的响应页面代码时，我都会提出这个问题，所以我想问你们：“在页面上添加响应能力时，破坏可读性是正常的吗？”我认为...
考虑使用Cascade Framework。
我有点迷茫，但我相信您在谈论移动浏览器正确吗？如果是这样，@ media是您的解决方案。
首先，最好在其功能之后而不是其外观上为类命名。例如，navigationContainer比leftContainer好，因为navigationContainer可以存在于页面上的任何位置。
列数应在所有浏览器大小中保持一致；只有它们的宽度和填充应该改变。但是，通常在移动时将所有列重置为100％宽度，否则它们只能收缩而不能完全掉落。我建议您回到设计器中，或重新调整网格以使其符合所有响应的倍数。
Flexbox是您的解决方案，但还不是时候。
尝试Dead Simple Grid。而不是像[