ben*_*ung 9 html javascript css responsive-design
我打算建立一个使用响应式设计的网站.我读了一些关于css媒体查询的信息.我想做的是我的网页布局应该通过使用不同的设备(如PC,平板电脑或智能手机)看起来不同.
如果我使用媒体查询通过使用屏幕的宽度(以像素为单位)来确定设备,我总是担心是否会有使用极高ppi屏幕的新设备.该设备可能会像平板电脑或类似PC一样受到威胁？
另一种使用用户代理通过使用userAgent确定设备类别的解决方案.还有一个问题是,如果设备不能解释javascript,那么页面可能会被破坏.
任何可以解决我上述担忧的出色解决方案？或者哪种解决方案更好？
或者我误解了使用媒体查询的方法？
谢谢.
小智 12
CSS是可行的方法,你可以随时使用像css3mediaqueries.js这样的js插件为不支持媒体查询的浏览器提供回退,但仅依靠JS来使你的网站响应是一种风险,因为你无法分辨确定用户是否启用了Javascript,并且当它未启用时,它将不再具有响应性.
此外,现在最好的做法是使用em值进行媒体查询而不是像素,以确保您的网站始终正确缩放.本文中有关此主题的更多信息.
另一个提示是,您可以根据内容的最佳断点而不是设备尺寸来确定媒体查询值,这样您无论制作了多少新设备,都可以确保您的内容始终正确.
希望有帮助:)