Saytın dizaynı haqqında sual

marmeladze

3

(12:34, 10/06/2013 ) #30737

əvvəla siz, bir neçə ölçüdə css fayl hazırlamalısınız. məs: large.css, normal.css, medium.css, small.css, xsmall.css
və platformanın ölçülərinə uyğun olaraq bunları dəyişdirmək üçün isə, dinamik dildən istifadə etməlisiniz. (bu arada qeyd eləyim ki, ölçülər şərtidir – real ölçülər yəqin ki çox fərqlidir 🙂 )

javascript:

//head teqində
....
<!-- 
function redirectCSS() {

if ((screen.width == 320) && (screen.height == 240))
      {document.write("<link href='xsmall.css' rel='stylesheet' type='text/css'>")}

else if ((screen.width == 640) && (screen.height == 480))
      {document.write("<link href='small.css' rel='stylesheet' type='text/css'>")}

else if ((screen.width == 800) && (screen.height == 600))
      {document.write("<link href='medium.css' rel='stylesheet' type='text/css'>")}

else if ((screen.width > 1400) && (screen.height > 800))
      { document.write("<link href='large.css' rel='stylesheet' type='text/css'>")}

else
      {document.write("<link href='normal.css' rel='stylesheet' type='text/css'>")}
}
redirectCSS()
//  -->
</script>