pobieranie szerokości ekranu do zmiennej javascript i wysyłanie jej przez ajax na stronę php, aby uniknąć ładowania strony

To jestJS aby wykryć rozdzielczość ekranu na mojej nazwie stronyindex.html i wysłanie go do php, aby można było odzyskać wartości za pomocą$_GET: -

<code><script type="text/javascript">

width = screen.availwidth;
height = screen.availheight;

if (width > 0 && height >0) {
    window.location.href = "http://localhost/main.php?width=" + width + "&height=" + height;
} else 
    exit();

</script>
</code>

To jest treść mojego nazewnictwa plików PHPprocess.php: -

<code><?php
$screen_width = $_GET['width'];
$screen_height = $_GET['height'];

//EDITED PORTION
echo '<style>#Wrapper {width:'.$screen_width.';}</style>';
?>
</code>

Teraz po uzyskaniu rozmiaru ekranu chcę wyświetlićindex.php.

PAMIĘTAJ TE KROKI, ABY ZROZUMIEĆ SPOSÓB, KTÓRY CHCĘ DZIAŁAĆ: -

Rozpoczęto ładowanie stronyWykryto Javascript o szerokości ekranu.Przekazuje go do pliku php, a zmienna PHP ma dostępną szerokość ekranu.Następnie strona zostanie wyświetlona za pomocą tej zmiennej php (oznacza, że ​​szerokość strony jest ustawiana za pomocą tej zmiennej php)

W całym procesieindex.php nie należy przeładowywać.Więc jak można to zrobić?

EDYTOWAĆ:

JakoJS przekazuje wartość do pliku php, który jest ładowany, chcę uzyskać rozdzielczość ekranu i odpowiednio ustawić szerokość strony internetowej. Ale jeśliJS wyślij dane do pliku php i jeśli w ogóle dostaniemy je przez ajax, może się zdarzyć, że moja witryna zostanie w pełni załadowana, a styl nie zostanie zaimplementowany, ponieważ został już załadowany wszystkie rzeczy przed pracą ajax.

Czy jest jakaś metoda, która jest wystarczająco skuteczna lub możemy to zrobić w taki sposób, aby stała się skuteczna.

To jest moja EDYCJA: 2

Aby być bardziej jasnym, wyjaśnię, co chcę osiągnąć za pomocą następującego obrazu: -

Teraz, jeśli źle, wyświetl rozdzielczość ekranu800px wtedy wiem, że chcę odliczyć200px z lewej strony, tak się stanie600px i jak mójdivs są250px będę mógł dodać tylko dwa. Dlatego, aby tego nie pokazywać100px w prawo dostosuję szerokość strony do700px.

Co mogę zrobić w php, ale jak uzyskać wszystkie rzeczy w tym samym czasie na tej samej stronie?

Cały obszar można nazwać jako #Wrapper Tak jak #SideBar Obszar lewy jako #LeftContent

Mam nadzieję, że dobrze to wyjaśniłem. Więc proszę, jeśli ktoś może mi pomóc w potrzebowaniu :)

questionAnswers(3)

yourAnswerToTheQuestion