关于max-width和min-width的闲话

看了看这个HTML5blank默认的媒体查询,写的都是 @media only screen and (min-width: xxx) ,想想倒也正常,像bootstrap的自适应媒体查询早就是min-width了。现在大环境改变,上网端的主力军早已经变成了手机+pad,网站这个东西自然也要“移动设备优先”,好多网站曾经还是桌面版+自适应移动端(桌面版网页+各种max-width的媒体查询),现在已经变成移动端+自适应桌面版,媒体查询自然也要倒过来。

不得不感慨世界变化快啊。

关于max-width和min-width的闲话》上有5条评论

  1. 话说我现在修改模板什么,都是顾及电脑效果后还会用不同两个手机看不同手机端效果……

    而在以前,只会在意电脑端效果。

    也正因为现在估计手机端了,发现某些电脑上美貌的主题,手机端是个屎,大大增加了我的挑选难度啊

    • 要是要求不高的话,直接拖拽桌面浏览器的窗口就能模拟手机端的效果了
      稍微专业一点的话可以按F12打开调试工具,可以直接模拟精确的窗口大小

评论已关闭。