Question

正如标题所说。你如何改变一个网站，使它看起来像一个网站，例如19＆＃34; 1280 * 1024 res。监视器和26＆＃34; 1920 * 1080 res。一旦他们不通过margin:0 auto;

居中，我就会遇到不同定位的问题

你如何解决这个问题？互联网无法帮助

Answer 1

您需要让您的网站快速响应。请尝试查看以下链接，

http://www.w3schools.com/html/html_responsive.asp

或者您可以查看可帮助您完成此操作的插件。 RestiveJS就是一个例子。

http://restivejs.com

使用RestiveJS：

$.restive.startMulti();

$('body').restive({
      platform: 'ios', 
      breakpoints: ['240', '320', '480', '640', '960', '1024'],
      classes: ['css-i-240', 'css-i-320', 'css-i-480', 'css-i-640', 'css-i-960', 'css-i-1024']
});

$('body').restive({
      platform: 'android', 
      breakpoints: ['240', '320', '480', '640', '960', '1024'],
      classes: ['css-a-240', 'css-a-320', 'css-a-480', 'css-a-640', 'css-a-960', 'css-a-1024']
});

$.restive.endMulti();

Restive.JS将主动监控访问您网站的任何设备的以下宽度范围的视口：0到240px，241到320px，321到480px，481到640px，641到960px和961到1024px;以及以下设备平台：iOS和Android。如果视口的宽度介于481和640像素之间，则设备是iOS设备，例如iPhone 4，它会将类css-i-640添加到标签中;如果视口宽度介于641和960像素之间，则设备是Android设备，例如Nexus 4，它将添加类css-a-960，依此类推。

它不是很难学，你将能够快速实现它。

Answer 2

看看“CSS3媒体规则”我认为这可能就是你想要的。

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Answer 3

你需要研究使用液体布局，而不是使用px或pt你使用百分比，例如你可以将标题div高度设置为屏幕的20％

http://maxdesign.com.au/news/liquid/

使网站适合不同的分辨率

3 个答案: