我目前正在创建一个桌面站点 ( http://www.robtest.org.uk )，我希望它能够与移动浏览器很好地配合，以减轻创建单独移动站点的需要。移动 Safari 似乎可以放大大块文本的字体（这很好）。问题在于我用于内容而不是布局的表格。宽列中的字体被放大以使其可读，而较小宽度列中的字体被忽略。
我目前一致呈现表格的解决方法是：
@media only screen and (max-device-width: 480px) {
#container td { -webkit-text-size-adjust:100% }}
它适用于以下页面： http ://www.robtest.org.uk/audio_catalogue.html
但它不适合包含我们的活动详细信息的表格，例如： http ://www.robtest.org.uk/events.html
在后者中，我宁愿将所有字体按比例放大，以使页面保持一致，而不仅仅是右侧列。
有没有办法做到这一点？
帮助将不胜感激。
谢谢，道吉：）