我正在练习一些响应式设计的基础知识,有一个问题很多教程都没有明确回答,那就是在针对移动的设备时应该考虑什么样的最小宽度。
到目前为止,我看到的最多的是智能手机的@media only screen and (max-width:480px){...}
,然后是平板电脑的@media only screen and (min-width:481px) and (max-width:768px){...}
。等
我认为最小的屏幕,是使用(合理)定期是320px由480px。但是,由于可以选择使用横向,因此不必考虑320px的宽度。对不对?
换句话说,假设我总是有至少480像素的宽度**的设计是合理的吗?其他人是如何处理的?
2条答案
按热度按时间hmae6n7t1#
理想的答案是320px。
zour9fqk2#
这在某种程度上取决于您的网站的布局和设计。越是复杂的布局和设计,你必须采取最小宽度。在大多数情况下,您的CSS代码可能是设置最小宽度媒体查询的原因。