我创建了一个网站,但其他两个子网站用于不同的屏幕分辨率。例如index.htm(用于1080p分辨率)和index1.htm(用于720p分辨率)。
所以
当有人输入www.mysite.com 时,index.htm打开 当有人输入www.mysite.com/index1.htm或他的屏幕分辨率是720p时,
index1.htm打开
但我不想像这些
我希望两者都能检测访问者的屏幕分辨率(我知道如何),并自动打开一个(例如index1.htm但链接不要更改并保留www.mysite.com [不是www.mysite.com/index1。 HTM])
答案 0 :(得分:1)
您应该使用media-queries
使网站在每个分辨率中都看起来很好。一些教程:
对于那些在Google上搜索此问题时发现此主题的人。你需要像AJAX这样的东西来完成这件事 如果您只更改不同分辨率的de样式表,则可以使用样式表切换器。
但是如果你改变总体HTML,这对你的可用性不利,你需要将body
中的所有内容放在特殊文件中,并使用AJAX将它们加载到正文中。
答案 1 :(得分:0)
您可以尝试使用媒体查询,只需要一个index.html和一个样式表。阅读这篇文章了解更多信息! Media queries tutorial