Css 移动网站的响应式设计_Css_Responsive Design_Media Queries

Css 移动网站的响应式设计

css responsive-design

Css 移动网站的响应式设计,css,responsive-design,media-queries,Css,Responsive Design,Media Queries,我将为移动设备调整我的网站。我的问题是，我应该为移动版本m.mysite.com创建一个子域，还是应该在CSS中使用媒体查询？我的第一选择是媒体查询，但今天的手机屏幕的分辨率与PC显示器相同，这使得媒体查询效率低下。或者有办法解决吗？使用媒体查询。虽然像素数量相同，但这些手机使用的是双像素比例，因此可以使用预期的设计，但图形和文字更清晰。例如，iPhone 5的设备像素比为2，这意味着在iPhone屏幕上，宽度为200px的元素将占据400px的空间。使用媒体查询。虽然像素数量相同，但这些手机使

我将为移动设备调整我的网站。我的问题是，我应该为移动版本m.mysite.com创建一个子域，还是应该在CSS中使用媒体查询？我的第一选择是媒体查询，但今天的手机屏幕的分辨率与PC显示器相同，这使得媒体查询效率低下。或者有办法解决吗？

使用媒体查询。虽然像素数量相同，但这些手机使用的是双像素比例，因此可以使用预期的设计，但图形和文字更清晰。例如，iPhone 5的设备像素比为2，这意味着在iPhone屏幕上，宽度为200px的元素将占据400px的空间。

使用媒体查询。虽然像素数量相同，但这些手机使用的是双像素比例，因此可以使用预期的设计，但图形和文字更清晰。例如，iPhone 5的设备像素比为2，这意味着200像素宽的元素在iPhone屏幕上占400像素。

我更喜欢响应性设计

我只选择一个子域名作为解决方案，当我建立一个大网站

如果你采用了一个响应性的设计，请看Bootstrap和Buffel.

我的忠告是:

您是否正在建设一个包含大量内容/数据的大型网站。为移动网站使用子域

如果它只是一个小企业的小网站。使网站具有响应性。