用css3写一个移动端的正方形,在各种高分辨率的手机下都一样美观,求大神...

1、首先，最简单的办法是把宽和高设为相同的固定值。

成都创新互联凭借专业的设计团队扎实的技术支持、优质高效的服务意识和丰厚的资源优势，提供专业的网站策划、网站建设、成都网站建设、网站优化、软件开发、网站改版等服务，在成都10余年的网站建设设计经验，为成都数千家中小型企业策划设计了网站。

2、padding-top：100%；padding-top的px值就和宽度相同，这样，正方形就做出来了，在正方形里面position：absolute；一个div，width：100%； height：100%；然后在这个div里面布局就好。

3、minimum-scale=0， maximum-scale=0， user-scalable=no/这种标签，表示是根据手机屏幕1：1显示的页面。

4、css3 手机端怎么高度自适应 一般是宽度为响应式的，在手机端，要使用rem作为单位，这样可以使手机分辨率在发生变化时，高度和宽度同时发生改变。现在开始流行使用rem作为手机端的单位，淘宝，京东都是用rem。

5、许多浏览器使用640×480的分辨率，尽管在800×600高分辨率下一 些Web页面看上去很具吸引力，但在640×480的模式下可能会黯然失色。

6、第二种办法，如果你要针对移动端用户，可以使用响应式web设计。即：media screen and (max-width： 768px) and (min-width： 480px){ //这里面写CSS代码 } 如果使用第二种方法建议用百分比布局。

...希望达到如果手机端访问展示手机版样式(css)

1、可以用JS来获取浏览器的类型，然后载入相应的css或者跳转到专属网站。还有一个方法是使用responsible布局，让网站适应不同的分辨率。其实这种方法只是一个偷懒的折衷方案，维护起来不是很方便，而且未必能适应所有手机和平板。

2、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入meta代码：。浏览器运行index.html页面，此时PC端的网页在移动端上也能自动适配。

3、电脑端和手机端页面不一样，可能情况 响应式布局，通过不同的分辨率显示不同的css样式 就是两套模板，只是根据pc端和手机端的访问模式进行判断，然后选择是用哪个模板。

4、如果是针对于手机使用，不必写几个版本，只需要做好行列样式的宽度在最大屏幕和最小屏幕中显示正常即可。

5、css，“”和“css”之间有一个空格。 在做手机轮播图时，banner图的宽度是手机屏幕的宽度，轮播图加了左右切换按钮，按钮的position：absolute；定位的元素，定位的元素超出父容器时(超出了100%)，会出现滚动条。

6、minimum-scale=1，maximum-scale=1，user-scalable=no/ 然而这只是适应手机的前提条件，它告诉手机适配，这是一个响应式网站，然后需要写css去重置样式，这个需要专业的前端知识。

如何通过css实现不同分辨率的手机适配

对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：首先，选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480，现在更多的是iphone6的375×667)。

浏览器运行index.html页面，此时PC端的网页在移动端上也能自动适配。

用if else来判断，给设置一个ID，再根据setAttribute改变src的属性。

rel=stylesheet type=text/css media=screen and (max-device-width： 400px) href=tinyScreen.css / 上面的代码意思是，如果屏幕宽度小于400像素（max-device-width： 400px），就加载tinyScreen.css文件。

除了1L使用百分比的方式，CSS3中还加入了media query的语法，及通过对手机长或宽检测的方式来响应不同的CSS样式代码。

即让viewport的宽度等于物理设备上的真实分辨率，不允许用户缩放。其次：网页宽度css一定要使用百分比width： xx%；，不能用绝对像素。