外部のCSSファイル内で変数を取得する

Question

私は、次の2つの値がデータベースのデータに応じて変更されるケースがあります。 私はこれを持っている外部のCSSファイルです。最大幅：はデータベースに保存されている高さと幅があるすべての可能な解決策changed.Isのとき

#wow-container1 { 
    zoom: 1; 
    position: relative; 
    width: 100%; 
    max-width:960px; 
    max-height:360px; 
    margin:0px auto 0px; 
    z-index:90; 
    border:2px solid #FFFFFF; 
    text-align:left; 
    font-size: 10px; 
} 

私の要件は、私がMAX-高さを変更する必要がありますか。？

Answer 1

この使用してjQueryの.css()

var width = "value from DB"; 
var height = "value from DB"; 
$('#wow-container1').css({ 'max-width' : width, 'max-height' : height }); 

Answer 2

あなたがPHPで、DBから 例を、最大高さ、最大幅を取得することができます：

<?php 
    $max_height='300px';//you have to get the value form db 
    $max_width='300px'; //you have to get the value form db 
?> 

その後、あなたが行うことができます

<style> 
#wow-container1 { 
    max-width:<?php echo $max_width; ?>; 
    max-height:<?php echo $max_height; ?>; 

} 
</style> 

外部CSSファイルを呼び出した後に最愛のCSSの一部を書きますプログラミング言語で書かれています。

Answer 3

の.css（）jqueryのを試してみては、このために最適なソリューションです。もしあなたがcssを使ってそれを変更したいのであれば、 あなたは同じページに書かれたインラインCSSにデータベース値を入れなければなりません。

<style> 
#wow-container1 { 
    max-width:<?php echo $width; ?>; 
    max-height:<?php echo $height; ?>; 

} 
</style> 


If you want to use jquery .css(), it will be like this : 


var width = "width from database"; 
var height = "height from database"; 
$('#wow-container1').css({ 'max-width' : width, 'max-height' : height }); 

Answer 4

あなたがhttp://VueJS.orgを学ぶとき、あなたは非常に単純なことを行うには「V-ブラインド」を使用することができます。このような！