更改網站（文件），但不是鏈接

Question

我做了一個網站，但其他兩個子網站爲不同的屏幕分辨率。例如index.htm（1080p分辨率）和index1.htm（720p分辨率）。

所以

index.htm的是開放的，當有人類型www.mysite.com

index1.htm是開放的，當有人類型www.mysite.com/index1.htm或他的屏幕，分辨率爲720p

，但我不希望像這些

我想既來檢測訪問者的屏幕分辨率（我知道如何），並自動打開一個（例如index1.htm但鏈接不改變，保持WWW .mysite.com [不是www.mysite.com/index1.htm]）

Answer 1

你可以嘗試媒體查詢，你只需要一個index.html和一個樣式表。閱讀這篇文章獲取更多信息！ Media queries tutorial

Answer 2

您應該使用media-queries使網站在每個分辨率都看起來不錯。有些教程：

• Webdesignerwalls：CSS3 media-queries和Responsive design with CSS3 media queries
• NETTUTS +：A crash course in CSS media-queries
• CSS技巧：CSS media-queries和Screencast about responsive web design
• 一些很好的例子：http://mediaqueri.es/

---

對於那些誰找到這個主題，而searchi在Google上解決這個問題。你需要像AJAX這樣的東西來完成這件事。
如果您只更改不同分辨率的樣式表，可以使用樣式表切換器。

但是，如果您更改了HTML的總量，這對您的可用性不利，您需要將所有內容放在body的特殊文件中，並使用AJAX將它們加載到主體中。