对于不同分辨率的布局，CSS可以使用以下语句，针对不同的分辨率进行样式的修改。
@media screen and (max-width:1500px) {}
不过后来碰到在14寸的笔记本上发现样式错乱，看了分辨率1920*1080，跟我的台式机显示器一样的分辨率，只是尺寸不一样，
检查了系统的显示设置，发现缩放与布局中的更改文本，应用等项目的大小下拉框中当前项是150%，也就是被缩放了，经过查找，
了解了可以使用下面的语句来进行媒体查询，
@media (-webkit-min-device-pixel-ratio: 1.5) {}
针对这种情况修改布局即可。
