Question

我真的很想..与Phonegap / Cordova结合使用，最简单的方法是让您的应用支持多种屏幕分辨率？主要是所有Android的，如480x800,720x1280x 1280x720,800x1200等？

我已经创建了一个仅包含百分比的应用（Click）（这会在所有16：9屏幕上显示效果很好，但它不会显示），但这不是足够。仅在720x1280的屏幕上显示确定。

特别是将手机部署为平板电脑的选项似乎是不可能的，因为整个方向不同...而且更大的屏幕导致全新的用户界面（为了获得最佳用户性能）。

我能想到的唯一方法是为每个分辨率创建一个不同的样式表，这可能会花费大量的时间;我猜？

期待反馈，谢谢！

Answer 1

就个人而言，我使用Bootstrap及其Grid系统。它需要花一点时间来弄清楚它是如何工作的，以及如何使它适合你想要做的事情但是一旦你这样做，它就是惊人的。文档为here。

Answer 2

首先，代码响应尽可能。您可以尝试https://github.com/biodiv/cordova-screengod

，而不是媒体查询（在Android 4上搞砸了）

在设备准备好之后，你打电话

var config = require('./config');
var count = require('./count');
var Twit = require('twit'); 
var T = new Twit(config);

port = process.env.PORT;  // this is just for reference, not used anywhere

var stream = T.stream('user', {track: "@isitoveryet2016"});

stream.on('connect', function (request) {
    console.log("Opening Twitter stream...");
}); 

stream.on('connected', function (response) {
    console.log("Connected and streaming on port: " + port);
});

stream.on('tweet', function (tweet){
    if (tweet.text.charAt(0) == "@"){
        if (tweet.user.screen_name == "isitoveryet2016") {
        console.log("Ignoring my own reply.");
        } else {
        var thisTweet = count.TimeLeft();
        console.log("Received direct tweet from: " + tweet.user.screen_name);
        console.log("Text: " + tweet.text);
        T.post('statuses/update', {in_reply_to_status_id: tweet.id_str, status: "@" + 
        tweet.user.screen_name + 
        thisTweet}, function (err, data, res){
            if (err) return handleError(err);
            else console.log('tweet deployed!');
            });
        }
    }
    else {
        console.log("Not a direct tweet, not replying.");
    }
});

stream.on('warning', function (response) {
    console.log(response);
});

stream.on('disconnect', function (response) {
    console.log(response);
});

function handleError(err) {
  console.error('response status:', err.statusCode);
  console.error('data:', err.data);
}

它会自动调整你的css，使其在所有平台/屏幕上看起来都一样。

Cordova / general：开发不同屏幕布局的最简单方法？

2 个答案: