我打算用Phonegap设计一个网络应用程序.由于我需要处理不同的屏幕尺寸,我将不得不使用响应式设计和 CSS3媒体查询. 我有一个1080×720分辨率的Android手机,我想从这个(大)分辨率开始,并说
我有一个1080×720分辨率的Android手机,我想从这个(大)分辨率开始,并说css是base.css.对于较小的屏幕,我将添加类似small.css的内容来覆盖base.css(需要的地方).
假设css会很复杂,是否会导致小屏幕手机的工作量增加(其功能往往弱于大手机)？以small.css作为base.css开始是否更好,并在大型手机上用big.css覆盖它？或者在Web应用程序场景中无关紧要(因为css文件大小不是一个大问题)？
任何设计考虑和提示？
我通常以1000px的宽度开始并首先完成设计.然后我使用800px,600px和<400px的媒体查询. 在设计页面时,决定要收缩哪些元素以及要移除哪些元素.然后在媒体查询中应用适当的更改.而不是使用两个CSS,使用一个(这节省了您的请求数).进行小调整以适合您的小屏幕设备. http://css-tricks.com/具有出色的响应式设计.请注意他们是如何改变元素的.
或者一个简单的答案,从更大的宽度开始到更低的宽度！