Yo te diría que pusieras la tabla en un
div y luego en las media queries especificas que
table tenga un ancho mínimo y con un
overflow-x: scroll para el
div lo que haces es que para móviles se pueda deslizar con el dedo por esa capa/tabla.
Por ejemplo, algo así:
Código CSS:
Ver original@media screen(max-width: 320px) {
div#precios {
overflow-x: hidden;
}
div#precios > table {
min-width: 700px;
}
}
Otra opción es ir ajustando las fuentes y hacerlas más pequeñas.
De todas formas, hay una cosa en tu sitio a la que no le veo sentido. Para cuando se vea en resoluciones pequeñas, el espacio lateral —donde se ve el fondo— deberías de eliminarlo para así aprovechar al máximo el espacio.