Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/facebook/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Layout 响应式网页设计-分辨率独立_Layout_Responsive Design_Resolution Independence - Fatal编程技术网

Layout 响应式网页设计-分辨率独立

Layout 响应式网页设计-分辨率独立,layout,responsive-design,resolution-independence,Layout,Responsive Design,Resolution Independence,我一直在研究创建响应性网站/应用程序的不同备选方案,但我找不到一个与移动设备的分辨率无关的方案 我正在寻找一种布局,它在任何给定分辨率的移动设备上看起来都一样。例如:适用于移动浏览器的。我用chrome mobile在我的LG G3(1440 x 2560)和iPhone 5S(640 x 1136)中打开了这个网站,这个网站看起来完全一样,桌面网站几乎没有任何响应 我一直在使用Bootstrap3网格系统,但bootstrap使用的是视图端口的分辨率 我的问题是:如何实现这种布局 这些是屏幕分

我一直在研究创建响应性网站/应用程序的不同备选方案,但我找不到一个与移动设备的分辨率无关的方案

我正在寻找一种布局,它在任何给定分辨率的移动设备上看起来都一样。例如:适用于移动浏览器的。我用chrome mobile在我的LG G3(1440 x 2560)和iPhone 5S(640 x 1136)中打开了这个网站,这个网站看起来完全一样,桌面网站几乎没有任何响应

我一直在使用Bootstrap3网格系统,但bootstrap使用的是视图端口的分辨率


我的问题是:如何实现这种布局

这些是屏幕分辨率还是浏览器分辨率?请澄清您所说的外观相同是什么意思,手机上的布局与手机上的不同desktop@Huangism屏幕resolutions@Huangism我的意思是,在我测试过的所有分辨率(在手机中)中,手机布局看起来都一样,比例也一样,是的,桌面看起来不一样,当你调整桌面浏览器的大小时,它几乎不响应不同的视口宽度。这是一个开始,做响应性网站有很多工作,很难解释一切。你最好用谷歌搜索和做研究