Tag: 开发工具

Chrome设备模式仿真媒体查询不起作用

出于某种原因,设备仿真模式不能读取我的媒体查询。 它工作在其他网站,包括我自己的网站,我用bootstrap做的,但它不适用于我从头开始使用的媒体查询(单击媒体查询button将button变成蓝色,但不显示媒体查询)。 下面的testing文件。 这是Chrome中的错误还是有我需要改变我的文件? <!DOCTYPE html> <!– Media Queries Example 1 Sam Scott, Fall 2014 –> <html> <head> <title>MQ Example 1</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body { font-family: sans-serif; } h1 { color: red; } h2 { color:blue; } p { color:green; } @media (max-width: 768px) and (min-width: 481px) { h1 { […]