如何使页面响应而不依赖于设备媒体查询？

Question

我有一个示例页面here。

它对大多数移动Apple设备都有响应，但我想放弃它，因为这是一个不好的做法。我已经使用了

IPAddress[] ips = Dns.GetHostAddresses("www.google.com");

例如，

但是，我希望尽量减少使用它，而不是那么依赖。

我需要了解如何使用百分比来实现响应式布局。无论我的浏览器的宽度是多少，无论设备加载多少，我需要更改/添加哪些内容以使其适合屏幕？

编辑：我想尽量避免使用样板/框架。如果可能的话，我想制作我现在的作品。

Answer 1

@media查询不是不好的做法，实际上它们是“完全支持”的。

在caniuse上查看。

Answer 2

为什么你想要少依赖于media queries？您应该希望更多依赖于它们。

媒体查询是创建响应式布局的行业标准 - 取代大多数仅限移动版本的网站，JavaScript实施以及主要基于百分比的布局。在现代环境中，它们是针对多个平台的最有效和最有效的方式。

你会做自己，以及任何使用你的代码的开发者，试图避免@media规则，这是一种巨大的伤害。