kylefang/react-native
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native.git synced 2026-04-28 20:25:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

[website] use maxWidth in JS styles, CSS images

Browse Source 
This is a quick fix for "responsive" views. It's not perfect but it's
less bad.
This commit is contained in:
Paul O’Shannessy
2015-03-26 11:27:20 -07:00
parent b1827af7dc
commit 79443d84c9
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
website/src/react-native/css/react-native.css
View File

@@ -82,6 +82,11 @@ h4 small {
font-size: 14px;
}
img {
max-width: 100%;
height: auto;
}
ul, ol {
margin: 0 0 10px 25px;
padding: 0;

4
website/src/react-native/index.js vendored
View File

@@ -25,7 +25,7 @@ var index = React.createClass({
</div>
<section className="content wrap">
<div style={{margin: '40px auto', width: 800}}>
<div style={{margin: '40px auto', maxWidth: 800}}>
<p>
React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and
@@ -39,7 +39,7 @@ var index = React.createClass({
<a href="docs/getting-started.html#content" className="button">Get started with React Native</a>
</div>
<div style={{margin: '40px auto', width: 800}}>
<div style={{margin: '40px auto', maxWidth: 800}}>
<h2>Native iOS Components</h2>
<p>