CSS - problema con tableau y css

   
Vista:

problema con tableau y css

Publicado por zurigorri (1 intervención) el 18/02/2016 00:07:09
Hola buenas, me gustaría hacer una pregunta a la comunidad. Tengo generados tres tableros diferentes en tableau.com siguiendo la solución proporcionada aquí https://public.tableau.com/s/blog/2014/11/making-responsive-tableau-dashboards. y he modificado el css con estas reglas
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
@media only screen and (min-width : 320px) and (max-width : 767px) {
	.tablet, .escritorio {
	display: none;
}
}
 
@media only screen and (min-width : 768px) and (max-width : 999px) {
	.movil, .escritorio {
	display: none;
}
}
 
@media only screen and (min-width : 1000px) {
	.movil, .tablet {
	display: none;
}
}
 
</style>

El tema es que no me funciona ya que si bien pasa bien de escritorio a tablet... cuando tiene que pasar a móvil...se mantiene el tamaño anterior (tablet) o escritorio si anulo el tamaño de tablet...

Alguna sugerencia???
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!-- Tamaño de movil: 320x520-->
<div class="movil">
 
<script src="https://public.tableau.com/javascripts/api/viz_v1.js" type="text/javascript"></script>
 
<div class="tableauPlaceholder" style="width: 324px; height: 589px;"><noscript><a href='#'><img alt='Dashboard 1 ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;he&#47;XXXXXX_320x520&#47;Dashboard1&#47;1_rss.png' style='border: none' /></a></noscript>
<object class="tableauViz" style="display: none;" width="324" height="589"><param name="host_url" value="https%3A%2F%2Fpublic.tableau.com%2F" /> <param name="site_root" value="" /><param name="name" value="hekimen_320x520/Dashboard1" /><param name="tabs" value="no" /><param name="toolbar" value="yes" /><param name="static_image" value="https://public.tableau.com/static/images/he/hekimen_320x520/Dashboard1/1.png" /> <param name="animate_transition" value="yes" /><param name="display_static_image" value="yes" /><param name="display_spinner" value="yes" /><param name="display_overlay" value="yes" /><param name="display_count" value="yes" /><param name="showVizHome" value="no" /><param name="showTabs" value="y" /><param name="bootstrapWhenNotified" value="true" /></object>
</div>
</div>
 
<!-- Tamaño tablet: 764x655-->
 
<div class="tablet">
<script src="https://public.tableau.com/javascripts/api/viz_v1.js" type="text/javascript"></script>
<div class="tableauPlaceholder" style="width: 768px; height: 724px;"><noscript><a href='#'><img alt='Dashboard 1 ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;he&#47;XXXXXX_764x655&#47;Dashboard1&#47;1_rss.png' style='border: none' /></a></noscript><object class="tableauViz" style="display: none;" width="768" height="724"><param name="host_url" value="https%3A%2F%2Fpublic.tableau.com%2F" /> <param name="site_root" value="" /><param name="name" value="hekimen_764x655/Dashboard1" /><param name="tabs" value="no" /><param name="toolbar" value="yes" /><param name="static_image" value="https://public.tableau.com/static/images/he/hekimen_764x655/Dashboard1/1.png" /> <param name="animate_transition" value="yes" /><param name="display_static_image" value="yes" /><param name="display_spinner" value="yes" /><param name="display_overlay" value="yes" /><param name="display_count" value="yes" /><param name="showVizHome" value="no" /><param name="showTabs" value="y" /><param name="bootstrapWhenNotified" value="true" /></object>
 
</div>
</div>
<!-- Tamaño escritorio: 1000x800-->
<div class="escritorio">
 
<script src="https://public.tableau.com/javascripts/api/viz_v1.js" type="text/javascript"></script>
<div class="tableauPlaceholder" style="width: 1004px; height: 869px;"><noscript><a href='#'><img alt='Dashboard 1 ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;he&#47;XXXXXX_1000x800&#47;Dashboard1&#47;1_rss.png' style='border: none' /></a></noscript><object class="tableauViz" style="display: none;" width="1004" height="869"><param name="host_url" value="https%3A%2F%2Fpublic.tableau.com%2F" /> <param name="site_root" value="" /><param name="name" value="hekimen_1000x800/Dashboard1" /><param name="tabs" value="no" /><param name="toolbar" value="yes" /><param name="static_image" value="https://public.tableau.com/static/images/he/hekimen_1000x800/Dashboard1/1.png" /> <param name="animate_transition" value="yes" /><param name="display_static_image" value="yes" /><param name="display_spinner" value="yes" /><param name="display_overlay" value="yes" /><param name="display_count" value="yes" /><param name="showVizHome" value="no" /><param name="showTabs" value="y" /><param name="bootstrapWhenNotified" value="true" /></object>
 
</div>
</div>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder