通常，当我创建响应式网站时，我会将视口设置为设备宽度，并为不同的屏幕分辨率创建不同的布局。
但我正在对一个旧网站进行一些调整，这个网站有大块的按钮，默认的字体大小和简单的布局，实际上它看起来非常有用，当被视为桌面式固定宽度布局时，即使在小型移动设备。
我不想指定一个视口并完全重写所有css以制作一系列适合移动设备的版本，我真的很想在主屏幕上查看更多的主体元素字体大小。 ：对于这种特殊的布局，这将是非常有用的 - 如果我能弄清楚如何做到这一点！
这是什么-webkit-text-size-adjust：适用于？看起来调整应该是一件容易的事情，但我所有的谷歌搜索都会出现完整的响应式设计方法，这对于这个特殊的小任务来说是过度的。
答案 0 :(得分：0)
一种方法是使用window.screen.width属性使用javascript检测屏幕宽度，然后应用所需的样式。
以下是使用jquery的示例，但如果您不想使用库http://jsfiddle.net/UXV7Z/
，则使用本机javascript可以实现相同的效果您可以根据需要应用尽可能多的分辨率过滤器，就像使用媒体查询一样