html - 我网站中的一个特定 html 页面在预览时显示正确,但实时显示不正确

标签 html css

我设计了一个移动优先的响应式网站 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/

相关文章:

html - 父 div 忽略了子元素的高度,因为它是 float 的

html - 如何应用CSS位置:absolute correctly?

javascript - body 保持定位时水平滚动固定的 div

html - 自定义高度 Bootstrap 导航栏

html - 下拉菜单项不垂直堆叠

html - 了解 CSS3 中的 Marquee 效果

html - 悬停时更改字段的背景(HTML、CSS)

javascript - 有时 jQuery 插件未加载

html - Firefox 30 不再隐藏选择框箭头

javascript - 使用Jquery获取文件名