我设计了一个移动优先的响应式网站 www.designsbykyram.com
预览时http://www.designsbykyram/photography.html在浏览器中,它使用我为它创建的设计正确显示,用于在大于 950px 的屏幕上显示的所有页面,使用 LargeDevice.css,但只有在网络上显示时,它显示就像在平板电脑上显示并阅读平板电脑尺寸的 css 文件。
该页面的配置方式与其他页面完全相同,但仅在实时显示时有所不同,我在这里做错了什么?
当然,我确保页面已在线上传到与本地相同的文件夹,因为我只是将整个目录拖放到网络上
这是一张有用的图像,直观地显示了问题所在:
最佳答案
你在使用时输入错误
<link rel="stylesheet" media="screen and (min-width:950px)" href="css/largeDevice.css">
去掉大写字母L
您的本地计算机文件系统可能会忽略大写字母,而服务器不会。
关于html - 我网站中的一个特定 html 页面在预览时显示正确,但实时显示不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36507451/